函数和方法 如何声明函数? 命名冲突: 很多人共同编写脚本时,尽量使用局部变量。如果脚本中存在同名的 全局变量,将可能导致错误。 全局作用域中的变量:有命名冲突。 函数作用域中的变量:彼此之间没有冲突。 例 Function showPlotSizeo i Var width=3: height=2; return 'area: ' +(width*height) I var msg=showPlotSizeo Function showGardenSize t Var width=12; height=30; return width*height I var msg=showGardenSize o:
函数和方法 如何声明函数？ 命名冲突： 很多人共同编写脚本时，尽量使用局部变量。如果脚本中存在同名的 全局变量，将可能导致错误。 全局作用域中的变量：有命名冲突。 函数作用域中的变量：彼此之间没有冲突。 例： Function showPlotSize(){ Var width=3; height=2; return ‘area:’+(width*height); } var msg=showPlotSize(); Function showGardenSize{ Var width=12; height=30; return width*height; } var msg=showGardenSize();
函数和方法 如何声明函数? 立即调用函数表达式:使用右花括号的最后一对括号告诉解释器马上调用此函数。分组操作符的括号确保解释器将这作为一个 达式对待。 案例3 <htmI> Head> <tit1e立即调用函数表达式< title meta charset=UTF-8> </head> <body <div立即调用函数表达式div <script> var area=(function var width=3 var height=5 return width*height: o) document. write area) </script> </body> </htmI>
函数和方法 如何声明函数？ 立即调用函数表达式：使用右花括号的最后一对括号告诉解释器马上调用此函数。分组操作符的括号确保解释器将这作为一个 表达式对待。 案例3： <html> <head> <title>立即调用函数表达式</title> <meta charset="UTF-8"> </head> <body> <div>立即调用函数表达式</div> <script> var area=(function(){var width=3; var height=5; return width*height;}()); document.write(area); </script> </body> </html>
函数和方法 函数的调用? 1、简单的函数调用 <htm> < script〉 function functionName (parameter)t statements:] < script> </head> <body> <script> functionName(parameter) </script) </body> </htm1>
函数和方法 函数的调用？ 1、简单的函数调用 <html> <head> <script> function functionName(parameter){ statements;} </script> </head> <body> <script> functionName(parameter); </script> </body> </html>
函数和方法 函数的调用? 2、通过链接调用函数 函数除了可以在响应事件中被调用外,还可以在链接中被调用,在<a>标记中 的href属性中使用“ javascript关键字”格式调用函数,用户单击这个超链 接时,相关函数将被执行。 <script> function testo( alert(“I1 ike JavaScript”);} </script) < a href=“ Javascript:test0;”>通过链接调用函数< </body)
函数和方法 函数的调用？ 2、通过链接调用函数 函数除了可以在响应事件中被调用外，还可以在链接中被调用，在<a>标记中 的href属性中使用“javascript关键字”格式调用函数，用户单击这个超链 接时，相关函数将被执行。 <script> function test(){ alert(“I like JavaScript”);} </script> <body> <a href=“javascript:test();”>通过链接调用函数</a> </body>
函数和方法 函数的调用? 3、在响应事件中调用函数 用户单击某个按钮或选中某个复选框时都将触发事件,通过编写程序对事件做出反应 的行为称为响应事件,在 JavaScript语言中,将函数与事件联系在一起就完成了响应 事件的过程。 <script> function testO I alert(“I1 ike JavaScript”);} </script> <body> form action=“” method=“post”name=“form1” < input type=“ button” value=“提交” onClick=“test0;”〉 </form> </body>
函数和方法 函数的调用？ 3、在响应事件中调用函数 用户单击某个按钮或选中某个复选框时都将触发事件，通过编写程序对事件做出反应 的行为称为响应事件，在JavaScript语言中，将函数与事件联系在一起就完成了响应 事件的过程。 <script> function test(){ alert(“I like JavaScript”);} </script> <body> <form action=“” method=“post” name=“form1”> <input type=“button” value=“提交” onClick=“test();”> </form> </body>