js代码编写的位置

1.js代码可以写到外部js文件中，然后通过script标签引入，写到外部文件中可以在不同的页面中引用，也可以利用到浏览器的缓存机制。script标签一旦用于引用外部文件，就不能在编写代码了，即使编写了浏览器也会忽略 ，如果需要则可以再创建一个新的script标签用于编写内部代码。<script src="script.js"></script>   （PS：推荐使用）

2.可以将js代码写到script标签中。<script>alert("我是内部的js代码");</script>

3.可以将js代码编写到标签的onclick属性中，当我们点击按钮时，js代码才会执行。<button onclick="alert('你点我干嘛');">点我一下</button>。虽然可以可以写在标签的属性中，但是他们属于结构与行为耦合，不方便维护，不推荐使用。

4.可以将js代码写在超链接的href属性中，这样当点击超连接时，会执行js代码。<a href="javascript:alert('让你点你就点！！');">你也点我一下</a>

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <title>js代码编写的位置</title>
 8     <!-- 可以将js代码写到外部js文件中，然后通过script标签引入
 9         写到外部文件中可以在不同的页面中引用，也可以利用到浏览器的缓存机制
10         推荐使用的方式
11     -->
12     <!-- script标签一旦用于引用外部文件，就不能在编写代码了，即使编写了浏览器也会忽略
13          如果需要则可以再创建一个新的script标签用于编写内部代码
14     -->
15     <script src="script.js"></script>
16     <script>alert("我是内部的js代码");</script>
17     <!--
18        可以将js代码写到script标签中
19     <script>
20       alert('我是script标签中的代码');
21     </script>
22  -->
23     
24 </head>
25 <body>
26     <!--可以将js代码编写到标签的onclick属性中
27         当我们点击按钮时，js代码才会执行
28 
29         虽然可以可以写在标签的属性中，但是他们属于结构与行为耦合，不方便维护，不推荐使用
30     -->
31     <button onclick="alert('你点我干嘛');">点我一下</button>
32     <!-- 
33         可以将js代码写在超链接的href属性中，这样当点击超连接时，会执行js代码
34      -->
35     <a href="javascript:alert('让你点你就点！！');">你也点我一下</a>
36     <!-- 超连接点完之后没有反应，希望通过js处理一些功能 -->
37     <a href="javascript:;">点我一下</a>
38     
39 </body>
40 </html>

 

1 alert('我是外部文件中的js代码');

 

posted @ 2022-04-26 11:52  佳栀枯  阅读(217)  评论(0)  编辑  收藏  举报