1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 7 <!-- 8 可以将js代码编写到外部js文件中,然后通过script标签引入 9 写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制 10 推荐使用的方式 11 --> 12 <!-- 13 script标签一旦用于引入外部文件了,这个script标签内就不能再编写代码了,即使编写了浏览器也会忽略 14 如果需要则可以在创建一个新的script标签用于编写内部代码 15 -->
16 <script type="text/javascript" src="js/script.js"></script>
<!--建立文件夹,名称叫js,js中建立script.js;代码如下-->
1 alert("我是外部JS文件中的代码");
17 <script type="text/javascript"> 18 alert("我是内部的JS代码"); 19 </script> 20 21 <!-- 22 可以将js代码编写到script标签 23 <script type="text/javascript"> 24 25 alert("我是script标签中的代码!!"); 27 </script> 28 -->
29 </head> 30 <body> 31 32 <!-- 33 可以将js代码编写到标签的onclick属性中 34 当我们点击按钮时,js代码才会执行 35 36 虽然可以写在标签的属性中,但是他们属于结构与行为耦合,不方便维护,不推荐使用 37 -->
38 <button onclick="alert('讨厌,你点我干嘛~~');">点我一下</button> 39 40 <!-- 41 可以将js代码写在超链接的href属性中,这样当点击超链接时,会执行js代码 42 -->
43 <a href="javascript:alert('让你点你就点!!');">你也点我一下</a> 44 <a href="javascript:;">你也点我一下</a> 45 46 </body> 47 </html>