js高級教程閱讀筆記 第二章-在HTML中使用JavaScript

本章核心
使用<script>元素
嵌入腳本和外部腳本
文檔模式對javascript的影響
禁用javascript的場景

script元素

詳細的資料

PS：加載的順序是從上之下的/可是不能嵌套使用/能夠加載外部域的js文件

標籤的位置通常在body的內容後面，由於若是放在head部分，頁面會先加載head，若是js不少的話，會影響加載速度。

固然可使用script的defer屬性來進行延遲，這個屬性的做用就是，即便你把script放在head，它也會在頁面加載完成後加載js腳本，可是者必須是腳原本自外部文件。

若是你想改變js原本的加載順序，可使用async的屬性。這是用來執行異步腳本的。它會在load事件以前完成。

如此：是不是用async的區別以下：
| 是否使用async| |執行的順序|
| 是 | |在頁面解析時執行|
| 否 | |在頁面解析前執行|

在xhtml中的用法

xhtml是比html更加嚴格的書寫格式
例如在html能夠直接使用<（小於符號），html採用特殊的規則能夠解析。可是在xhtml中會把<當作是標籤的開始。可使用下面兩種方法進行替代：
- 一種是使用html實體：&It
- 二是採用CDATA片斷，這個片斷做爲一個特殊區能夠用來識別一些特殊格式，形以下面：

<script type="text/javascript"> <![CDATA[ //這裏的>或者<能夠直接使用 if(a>b){ return a; } } ]]> </script>

可是不少瀏覽器不支持cdata片斷，能夠採用js的註釋，把cdata部分注視掉，這樣全部的瀏覽器都支持這樣的方式：

<script type="text/javascript"> //<![CDATA[ if(a>b){ return a; } } //]]> </script>

使用外部文件的優點

• 可維護
• 可緩存
• 適應將來

文檔模式

1. 分類
   
   • 混雜模式
   • 標準模式 文檔模式原本是影響css內容呈現的，可是也會影響js的加載