1.head标记中的脚本
1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>head中定义的JS函数</title> 5 <script type="text/javascript"> 6 funtion message() 7 { 8 alert("调用JS函数！sum(100,200)="+sum(100,200)); 9 funtion sum(x,y) 10 { 11 return x+y; //返回函数计算结果 12 } 13 } 14 </script> 15 </head> 16 <body> 17 <h4>head标记内定义两个JS函数</h4> 18 <form> 19 <input name="btnCallJS" type="button" onclick="message();" value="计算并显示两个数的和"> 20 </form> 21 </body> 22 </html>
2.body标记中的脚本
1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>第一个JavaScript实例</title> 5 </head> 6 <body> 7 <script type="text/javascript"> 8 document.write("第一个JavaScript实例!"); 9 </script> 10 </body> 11 </html>
3.外部js文件中的脚本
1 <!--demo.js--> 2 funtion message() 3 { 4 alert("调用外部js文件的函数"); 5 }
1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>调用外部js文件的JaveScript函数</title> 5 <script type="text/javascript" src="dmeo.js"></script> 6 </head> 7 <body> 8 <form> 9 <input name="btnCallJS" type="button" onclick="message();" value="调用外部js文件的JavaScript函数"> 10 </form> 11 </body> 12 </html>
4.事件处理的代码中的脚本
1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>直接在事件处理代码中加入JavaScript代码</title> 5 </head> 6 <body> 7 <form> 8 <input type="button" onclick="alert('直接在事件处理代码中加入JavaScript代码')" value="直接调用JavaScript代码"> 9 </form> 10 </body> 11 </html>