函数是可以重复使用的代码块,可以由一个事件执行,或被调用执行。
————————————————————————————–
JavaScript 函数
为防止脚本在页面加载的时候就被执行,你可以将脚本写成函数。
一个函数中的代码只有在事件触发或函数被调用的时候才被执行。
你可以在页面内的任何地方调用函数(如果这个函数被存储在一个外部.js文件中,你甚至可以从其他页面中调用它)
函数一般定义在页面开始位置的<head> 部分中。
例子
<html> <head> <script type=”text/javascript”> function displaymessage() { alert(“Hello World!”) } </script> </head><body> <form> <input type=”button” value=”Click me!” onclick=”displaymessage()” > </form> </body> </html> |
在 上面例子中,如果代码行 alert(“Hello world!!”) 没有被写在函数里面,那么页面一点被加载时这行代码就会被立即执行。现在,这行脚本写在了函数里面,就只有在用户点击按钮后才会被执行。我们在按钮上增加 了一个点击( onClick) 事件。当按钮被点击时该事件被触发,函数 displaymessage() 就会被执行。
在”JS事件”一章中你将会学到更多关于 JavaScript 事件的内容。
————————————————————————————-
怎样定义一个函数
定义函数的语法是:
function functionname(var1,var2,…,varX) { some code } |
var1, var2等是传入函数的变量和值。 花括号 { } 定义了函数的开始和结束。
注意: 一个不带参数的函数也必须在函数名字的后面加括弧():
function functionname() { some code } |
注意: 不要忘记大写字母在 JavaScript中的重要性! 关键字 function 必须是小写字母,否则将会产生一个 JavaScript 出错! 而且注意在调用函数时必须使用与函数定义时一模一样的大小写。
————————————————————————————
返回语句(return)
返回语句是用来说明函数返回的数值的。
因此有返回值得函数必须使用返回语句。
例子
以下函数返回两个数字的乘积 (a 和 b):
function prod(a,b) { x=a*b return x } |
当你调用以上函数的时候,你必须传入两个参数:
product=prod(2,3) |
这里函数 prod() 的返回值为6,它将被存储在叫做 product 的变量中。