1. 程式人生 > >JavaScript(第一天)

JavaScript(第一天)

Language 也會 back 一次 內部 範例 屏蔽 嵌入 mes

一.創建一張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 您沒有啟用JavaScript
4 
5 </noscript>

JavaScript(第一天)