JS基础_js编写位置
Posted 星辰郎周
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS基础_js编写位置相关的知识，希望对你有一定的参考价值。
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 <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 可以将js代码编写到script标签
27 <script type="text/javascript">
28 alert("我是script标签中的代码！！");
29 </script>
30 -->
31 </head>
32 <body>
33
34 <!--
35 可以将js代码编写到标签的onclick属性中
36 当我们点击按钮时，js代码才会执行
37
38 虽然可以写在标签的属性中，但是他们属于结构与行为耦合，不方便维护，不推荐使用
39 -->
40 <button onclick="alert(‘讨厌，你点我干嘛~~‘);">点我一下</button>
41
42 <!--
43 可以将js代码写在超链接的href属性中，这样当点击超链接时，会执行js代码
44 -->
45 <a href="javascript:alert(‘让你点你就点！！‘);">你也点我一下</a>
46 <a href="javascript:;">你也点我一下</a>
47
48 </body>
49 </html>
以上是关于JS基础_js编写位置的主要内容，如果未能解决你的问题，请参考以下文章