代县政府网,宠坏小恶女,代步汽车
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>javascript-什么是函数</title> 6 <script type="text/javascript"> 7 function 函数名(){ 8 函数代码 9 }//函数定义语法 10 </script> 11 </head> 12 <body> 13 </body> 14 </html>
为了避免代码的重复书写的麻烦,我们把完成某一个特定功能的一组语句称之为函数,通过函数的调用实现了代码的复用性与可阅读性;
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>javascript-什么是函数</title> 6 <script type="text/javascript"> 7 /* 8 function 函数名(){ 9 函数代码 10 }//函数定义语法 11 */ 12 function add2(){ 13 var sum=3+2; 14 alert(sum); 15 // document.write(sum); 16 } 17 add2();//调用函数直接写函数名称 18 </script> 19 </head> 20 <body> 21 <input type="button" name="" id="" value="点击" onclick="add2()"/> 22 <!-- 单击按钮,调用函数,onclick为点击事件 --> 23 </body> 24 </html>
相关拓展:网页中有一按钮(名字"点击我"),当点击按钮后调用函数contxt(),弹出对话框"哈哈,调用函数了!"。
1 <!doctype html> 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 5 <title>函数调用</title> 6 <script type="text/javascript"> 7 contxt() //定义函数 8 { 9 alert("哈哈,调用函数了!"); 10 } 11 </script> 12 </head> 13 <body> 14 <form> 15 <input type="button" value="点击我" onclick=" " /> 16 </form> 17 </body> 18 </html>
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
JavaScript使用prototype属性实现继承操作示例
JavaScript直接调用函数与call调用的区别实例分析
JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
网友评论