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