JavaScript(第一天)
一.創建一張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 <scripttype="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 您沒有啟用JavaScript 4 5 </noscript>
JavaScript(第一天)