函數是完成某個特定功能的一組語句。如沒有函數,完成任務可能需要五行、十行、甚至更多的代碼。這時我們就可以把完成特定功能的代碼塊放到一個函數里,直接調用這個函數,就省重復輸入大量代碼的麻煩。
**如何定義一個函數呢?基本語法如下:**
~~~
function 函數名()
{
???? 函數代碼;
}
~~~
**說明:**
1\. function定義函數的關鍵字。
2\. "函數名"你為函數取的名字。
3\. "函數代碼"替換為完成特定功能的代碼。
我們來編寫一個實現兩數相加的簡單函數,并給函數起個有意義的名字:“add2”,代碼如下:
~~~
function add2(){
var sum = 3 + 2;
alert(sum);
}
~~~
**函數調用:**
函數定義好后,是不能自動執行的,所以需調用它,只需直接在需要的位置寫函數就ok了,**代碼如下:**
[](http://img.mukewang.com/5419430400012de808370459.jpg)
### 任務
**補充右邊編輯器第7和15行,實現如下功能:**
網頁中有一按鈕(名字"點擊我"),當點擊按鈕后調用函數contxt(),彈出對話框"哈哈,調用函數了!"。
```
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函數調用</title>
<script type="text/javascript">
function contxt() //定義函數
{
alert("哈哈,調用函數了!");
}
</script>
</head>
<body>
<form>
<input type="button" value="點擊我" onclick=" contxt()" />
</form>
</body>
</html>
```
- 1-7JavaScript-什么是變量
- 1-9JavaScript-什么是函數
- 2-2JavaScript-警告(alert 消息對話框)
- 2-3JavaScript-確認(confirm 消息對話框)
- 24JavaScript-提問(prompt 消息對話框)
- 2-5JavaScript-打開新窗口(window.open)
- 2-6JavaScript-關閉窗口(window.close)
- 2-7編程練習
- 3-1認識DOM
- 3-2通過ID獲取元素
- 3-3innerHTML 屬性
- 3-4改變 HTML 樣式
- 3-5顯示和隱藏(display屬性)
- 3-6控制類名(className 屬性)
- 4-1編程挑戰