JS基礎_js編寫位置
阿新 • • 發佈:2017-07-23
style tle 利用 set ext col cnblogs doc 鏈接
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編寫位置