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;代码如下-->
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>