1. 程式人生 > >JS基礎_js編寫位置

JS基礎_js編寫位置

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編寫位置