javascript编写位置

 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>