【Javascript】javascript学习 十二 JavaScript 函数
2009-07-20 11:30
316 查看
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
如何调用函数。
带有参数的函数
如何向函数传递变量,以及如何在函数中使用该变量。
带有参数的函数 2
如何向函数传递多个变量,以及如何在函数中使用这些变量。
返回值的函数
如何从函数返回值。
带有参数并返回值的函数
如何向函数输入两个参数值,并返回值。
函数包含着一些代码,这些代码只能被事件激活,或者在函数被调用时才会执行。
你可以在页面中的任何位置调用脚本(如果函数嵌入一个外部的 .js 文件,那么甚至可以从其他的页面中调用)。
函数在页面起始位置定义,即 <head> 部分。
</head>
<body>
<form>
<input type="button" value="Click me!" onclick="
</form>
</body>
</html>[/code]
假如上面的例子中的 alert("Hello world!!") 没有被写入函数,那么当页面被载入时它就会执行。现在,当用户击中按钮时,脚本才会执行。我们给按钮添加了 onClick 事件,这样按钮被点击时函数才会执行。
在 JS 事件这一章,你会学到更多关于 JavaScript 事件的知识。
var1, var2 等指的是传入函数的变量或值。{ 和 } 定义了函数的开始和结束。
注意:无参数的函数必须在其函数名后加括号:
注意:别忘记 JavaScript 中大小写字母的重要性。"function" 这个词必须是小写的,否则 JavaScript 就会出错。另外需要注意的是,必须使用大小写完全相同的函数名来调用函数。
因此,需要返回某个值的函数必须使用这个 return 语句。
当您调用上面这个函数时,必须传入两个参数:
而从 prod() 函数的返回值是 6,这个值会存储在名为 product 的变量中。
实例
函数如何调用函数。
带有参数的函数
如何向函数传递变量,以及如何在函数中使用该变量。
带有参数的函数 2
如何向函数传递多个变量,以及如何在函数中使用这些变量。
返回值的函数
如何从函数返回值。
带有参数并返回值的函数
如何向函数输入两个参数值,并返回值。
JavaScript 函数
将脚本编写为函数,就可以避免页面载入时执行该脚本。函数包含着一些代码,这些代码只能被事件激活,或者在函数被调用时才会执行。
你可以在页面中的任何位置调用脚本(如果函数嵌入一个外部的 .js 文件,那么甚至可以从其他的页面中调用)。
函数在页面起始位置定义,即 <head> 部分。
<html> <head> [code]<script type="text/javascript"> function displaymessage() { alert("Hello World!") } </script>
</head>
<body>
<form>
<input type="button" value="Click me!" onclick="
displaymessage()" >
</form>
</body>
</html>[/code]
假如上面的例子中的 alert("Hello world!!") 没有被写入函数,那么当页面被载入时它就会执行。现在,当用户击中按钮时,脚本才会执行。我们给按钮添加了 onClick 事件,这样按钮被点击时函数才会执行。
在 JS 事件这一章,你会学到更多关于 JavaScript 事件的知识。
如何定义函数
创建函数的语法:
function 函数名(var1,var2,...,varX) { 代码... }
var1, var2 等指的是传入函数的变量或值。{ 和 } 定义了函数的开始和结束。
注意:无参数的函数必须在其函数名后加括号:
function 函数名() { 代码... }
注意:别忘记 JavaScript 中大小写字母的重要性。"function" 这个词必须是小写的,否则 JavaScript 就会出错。另外需要注意的是,必须使用大小写完全相同的函数名来调用函数。
return 语句
return 语句用来规定从函数返回的值。因此,需要返回某个值的函数必须使用这个 return 语句。
例子
下面的函数会返回两个数相乘的值(a 和 b):function prod(a,b) { x=a*b return x }
当您调用上面这个函数时,必须传入两个参数:
product=prod(2,3)
而从 prod() 函数的返回值是 6,这个值会存储在名为 product 的变量中。
相关文章推荐
- JavaScript权威设计--命名空间,函数,闭包(简要学习笔记十二)
- php程序员学习javascript:第二章:javascript对象函数(二):数组对象函数
- Javascript学习笔记-----函数
- JavaScript学习小结之eval函数和with语句实例详解
- JavaScript基础学习之-JavaScript权威指南第八章--函数
- web学习—javascript学习—函数(二)
- 轻松学习 JavaScript——第 4 部分:函数中的 arguments 对象
- JavaScript学习笔记(十三) 返回函数和"自定义"函数
- JavaScript学习总结(十二)——JavaScript编写类
- 跟我学习javascript的函数和函数表达式
- javascript学习九:函数的属性
- JavaScript学习——Math对象定义的函数
- javascript学习(3)——[基础回顾]函数
- JavaScript学习笔记(十四) 立即执行函数
- javascript学习笔记—DOM常用API、属性、方法、函数
- JavaScript学习路上---深入认识JavaScript中的函数
- javascript学习笔记(十二) RegExp类型介绍
- 轻松学习JavaScript十二:JavaScript基于面向对象之创建对象(一)
- JavaScript 学习笔记(十二) dom
- javascript学习笔记之函数定义