標籤:style 就是 特點 也會 strong 擴充 font 維護 屏蔽
一.建立一張HTML頁面
初學者建立一張html頁面建議藉助工具,例如Dreamweaver可視化編輯器。
二.<Script>標籤解析
<script>xxx</script>這組標籤,是用於在html頁面中插入js的主要方法。它主要有以下幾個屬性:
1.charset:可選。表示通過src屬性指定的字元集。由於大多數瀏覽器忽略它,所以很少有人用它。
2.defer:可選。表示指令碼可以延遲到文檔完全被解析和顯示之後再執行。由於大多數瀏覽器不支援,故很少用。
3.language:已廢棄。原來用於代碼使用的指令碼語言。由於大多數瀏覽器忽略它,所以不要用了。
4.src:可選。表示包含要執行代碼的外部檔案。
5.type:必需。可以看作是language的替代品。表示代碼使用的指令碼語言的內容類型。範例:type="text/javascript"。
1 <script type="text/javascript">2 3 alert(‘歡迎來到JavaScript世界!‘);4 5 </script>
三.JS代碼嵌入的一些問題
如果你想彈出一個</script>標籤的字串,那麼瀏覽器會誤解成JS代碼已經結束了。解決的方法,就是把字串分成兩個部分,通過串連符‘+’來串連。
1 <script type="text/javascript">2 3 alert(‘</scr‘+‘ipt>‘);4 5 </script>
一般來說,JS代碼越來越龐大的時候,我們最好把他另存新檔一個.js檔案,通過src引入即可。它還具有維護性高、可緩衝(載入一次,無需載入)、方便未來擴充的特點。
1 <script type="text/javascript" src="demo1.js"></script>
這樣標籤內就沒有任何JS代碼了。但,要注意的是,雖然沒有任何代碼,也不能用單標籤:
1 <script type="text/javascript" src="demo1.js" />;
也不能在裡面添加任何代碼:
1 <script type="text/javascript" src="demo1.js">alert(‘我執行不到!‘)</script>
按照常規,我們會把<script>標籤存放到<head>...</head>之間。但有時也會放在body之間。
不再需要提供注釋,以前為了讓不支援JavaScript瀏覽器能夠屏蔽掉<script>內部的代碼,我們習慣在代碼的前後用html注釋掉,現在已經不需要了。
1 <script type="text/javascript">2 3 <!--4 5 alert(‘歡迎!‘);6 7 -->8 9 </script>
平穩退化不支援JavaScript處理:<nosciprt>
1 <noscript>2 3 您沒有啟用JavaScript4 5 </noscript>
JavaScript(第一天)