(1)简介
将脚本编写为函数,就可以避免页面载入时执行该脚本。 函数包含着一些代码,这些代码只能被事件激活,或者在函数被调用时才会执行 。
你可以在页面中的任何位置调用脚本(如果函数嵌入一个外部的 .js 文件,那么甚至可以从其他的页面中调用)。函数在页面起始位置定义,即 <head> 部分。
<html>
<head>
<script type="text/javascript">
function displaymessage() {
alert("Hello World!")
}
</script>
</head>
<body>
<form>
<input type="button" value="Click me!" οnclick="displaymessage()">
</form>
</body>
</html>
假如上面的例子中的 alert("Hello world!!") 没有被写入函数,那么当页面被载入时它就会执行。当用户击中按钮时,脚本才会执行。我们给按钮添加了 onClick 事件,这样按钮被点击时函数才会执行。
(2)创建函数的语法
(1)无参函数
function 函数名(){ //javascript代码; }
(2)有参函数
function 函数名(参数1,参数2,...){ //javascript代码; }
(3)带返回值函数(无参)
function 函数名(){ return 返回值或变量; }
(4)带返回值函数(有参)
function 函数名(参数1,参数2,...){ return 返回值或变量; }
1.2.3 自定义函数的定义方式
(1)显示定义 function xxxName(){}
(2)匿名定义 var method = function(){}
(3)Function定义 var calSum3 = new Function('num1', 'num2', 'return num1 + num2');
1.2.4 自定义函数的调用方式
(1)外部调用 HTML标签上
(2)内部调用 类似Java
(3)函数调用函数
(3)return 语句
return 语句用来规定从函数返回的值。
因此,需要返回某个值的函数必须使用这个 return 语句。
例子
下面的函数会返回两个数相乘的值(a 和 b):
function prod(a, b) { x = a * breturn x }
function prod(a, b) { x = a * breturn x }
当您调用上面这个函数时,必须传入两个参数:
product = prod(2, 3)
product = prod(2, 3)
而从 prod() 函数的返回值是 6,这个值会存储在名为 product 的变量中
(4)变量的生存期
当您在函数内声明了一个变量后,就只能在该函数中访问该变量。当退出该函数后,这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用名称相同的本地变量,这是因为只有声明过变量的函数能够识别其中的每个变量。
如果您在函数之外声明了一个变量,则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始,在页面关闭时结束