JS：1.3，函式(function)

iteye_3829發表於2013-05-17
JS函式Function
ylbtech-JS：函式-導航
JS：3.1，函式(function)-定義 返回頂部

1，定義函式語法

通過定義函式名稱，引數和程式碼語句來建立函式。

function 函式名([引數1,][引數2,][...])
{
	語句:
}

備註:
[]內的內容可以不寫。

引數是函式中使用的變數，變數的值是別呼叫函式按值傳值的。通過將函式放置在文件的頭部分(head),函式中的程式碼將在函式被呼叫之前載入。

2，怎樣呼叫函式

一個函式在沒被呼叫之前將不會執行。
（1）呼叫包含引數的函式。

函式名([引數1,][引數2,][...])

(2)呼叫不包含引數的函式。

函式名()
JS：3.2，函式-返回函式 返回頂部 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文件</title>
<script language="javascript">
function total(a,b)
{
    result=a+b;
    return result;
}
</script>
</head>

<body>
<h1>1,返回語句</h1>
<script language="javascript">
var a=3;
var b=1;
var sum=total(a,b);
document.write(sum);
</script>
</body>
JS：3.3，函式-呼叫一個函式 返回頂部 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文件</title>
<script language="javascript">
function fun()
{
    alert("Hello!");
}
</script>
</head>

<body>
<pre>
<h1>2，呼叫一個函式</h1>
<input type="button" onclick="fun()" value="呼叫函式" />
<a href="javascript:fun()">呼叫函式</a><br />
<p>
通過按下按鈕，一個函式將被呼叫。這個函式將彈出一個訊息框
</p>
</pre>
</body>
</html>
JS：3.4，函式-呼叫一個函式（帶引數） 返回頂部 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文件</title>
<script language="javascript">
function fun(word)
{
    alert("Hello "+word+"!");
}
</script>
</head>

<body>
<pre>
<h1>2，呼叫一個函式(帶引數)</h1>

<input type="button" onclick="fun('小姐')" value="呼叫函式" />
<p>
通過按下按鈕，一個函式將被呼叫。這個函式將彈出一個訊息框。
</p>
</pre>
</body>
</html>
JS：3.5，函式-返回值的函式 返回頂部 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文件</title>
<script language="javascript">
function fun()
{
    return ("你好，今天天氣很不錯！");
}
</script>
</head>

<body>
<h1>4，返回值的函式</h1>

<script language="javascript">
document.write(fun());
</script>
<p>
在body中的指令碼呼叫函式。
</p>
<p>
這個函式返回一段文字。
</p>
</body>
</html>
JS：3.6，函式-呼叫外部js檔案 返回頂部

 3.6.1, a1.js

function fun()
{
    alert("你好，今天天氣很不錯！");
}

3.6.2,

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文件</title>
<script src="a1.js" language="javascript"></script>
</head>

<body>
<h1>
5,呼叫外部的js檔案
</h1>
<input type="button" onclick="fun()" value="呼叫函式" />
</body>
</html>

 

warn 作者：ylbtech
出處：http://ylbtech.cnblogs.com/
本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段宣告，且在文章頁面明顯位置給出原文連線，否則保留追究法律責任的權利。

相關文章