JavaScript语言概述.pptVIP

2.9 JavaScript 函数 函数定义 语法： function 函数名(var1,var2,...,varX) { 代码．．． } var1, var2 等指的是传入函数的变量或值。 { 和 } 定义了函数的开始和结束。 无参数的函数必须在其函数名后加括号： function 函数名() 　　 { 　　 代码．．． 　　 } 注意：别忘记 JavaScript 中大小写字母的重要性。function 这个词必须是小写的，否则 JavaScript 就会出错。另外需要注意的是，必须使用大小写完全相同的函数名来调用函数。 2.9 JavaScript 函数 return 语句 return 语句用来规定从函数返回的值。 因此，需要返回某个值的函数必须使用这个 return 语句。 例子 下面的函数会返回两个数相乘的值（a 和 b）： function prod(a,b) { x=a*b return x } 当您调用上面这个函数时，必须传入两个参数： product=prod(2,3) 而从 prod() 函数的返回值是 6，这个值会存储在名为 product 的变量中。 2.9 JavaScript 函数 return 语句 return 语句用来规定从函数返回的值。 因此，需要返回某个值的函数必须使用这个 return 语句。 例子 下面的函数会返回两个数相乘的值（a 和 b）： function prod(a,b) { x=a*b return x } 当您调用上面这个函数时，必须传入两个参数： product=prod(2,3) 而从 prod() 函数的返回值是 6，这个值会存储在名为 product 的变量中。 2.9 JavaScript 函数 return 语句 return 语句用来规定从函数返回的值。 因此，需要返回某个值的函数必须使用这个 return 语句。 例子 下面的函数会返回两个数相乘的值（a 和 b）： function prod(a,b) { x=a*b return x } 当您调用上面这个函数时，必须传入两个参数： product=prod(2,3) 而从 prod() 函数的返回值是 6，这个值会存储在名为 product 的变量中。 2.9 JavaScript 函数 html head script type=text/javascript function myfunction() { alert(您好！) } /script /head body form input type=button onclick=myfunction() value=调用函数 /form p通过点击这个按钮，可以调用一个函数。该函数会提示一条消息。/p /body /html 练习 2.9 JavaScript 函数 html head script type=text/javascript function myfunction() { alert(您好！) } /script /head body form input type=button onclick=myfunction() value=调用函数 /form /body /html 练习 2.10 JavaScript 事件 事件 事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。 比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。 事件举例： 鼠标点击 页面或图像载入 鼠标悬浮于页面的某个热点之上 在表单中选取输入框 确认表单 键盘按键 注意：事件通常与函数配合使用，当事件发生时函数才会执行。 2.10 JavaScript 事件 onFocus, onBlur 和 onChange onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。 下面是一个使用 onChange 事件的例子。 用户一旦改变了域的内容，checkEmail() 函数就会被调用。 input type=text size=30 id=email onchange=checkEmail() 事件的调用 2.10 JavaScript 事件 事件列表 2.10 JavaScript 事件 练习 html head script type=text/javascript function myfunction(txt) { alert(txt) } /script