在HTML中使用JavaScript實例代碼

發(fā)布時間：2017-08-03 14:23:18 作者：佚名

我要評論

這篇文章主要介紹了在HTML中使用JavaScript實例代碼,需要的朋友可以參考下

<script>標(biāo)簽

　　在HTML5中script主要有以下幾個屬性：async，defer，charset，src，type，

async（可選）：

　　　　關(guān)鍵詞：異步腳本，外部文件，立即下載；

　　　　當(dāng)標(biāo)簽中包含這個屬性時會立即下載腳本（外部文件），只對外部腳本文件有效，下載的同時可以進(jìn)行頁面的其他操作，下載完成后停止解析并執(zhí)行，執(zhí)行后繼續(xù)進(jìn)行解析，但不能保證執(zhí)行順序。　　　　　

<script src="js/index2.js" async="async"></script>

defer（可選）：

　　　　關(guān)鍵詞：延遲腳本，外部文件，延遲加載；

　　　　當(dāng)標(biāo)簽中包含這個屬性時，腳本可以再等到頁面完全被解析或顯示之后執(zhí)行，只對外部文件有效，如果同時存在兩個帶有defer的腳本，由于延遲的原因，前者將會有限于后者執(zhí)行。　　

<script src="js/index1.js" defer="defer"></script>

charset（可選）：

　　　　關(guān)鍵詞：字符集

　　　　大多數(shù)瀏覽器已經(jīng)忽略它的值了，所以很少有人使用。

src（可選）：

　　　　關(guān)鍵詞：外部引用

　　　　表示需要引用的外部文件的地址。

type（可選）：

　　　　關(guān)鍵詞：MIME（腳本語言的內(nèi)容類型）

　　　　為保證最大限度的瀏覽器兼容，type的屬性值主要時候用的依舊是text/javascript，如果沒有寫這個屬性，其默認(rèn)值仍然為text/javascript。

　注意：在引用外部文件，標(biāo)簽中不要加入其它JS代碼，瀏覽器在解析時，只會下載src引用的外部腳本文件，表中內(nèi)嵌入的代碼將會被忽略。

<script>標(biāo)簽的位置

　　通常，我們會把帶有外部文件的的標(biāo)簽（包括CSS文件，JavaScript文件）的引用放在相同的位置，一般是在<head>標(biāo)簽里面。

　　但是在解析過程中一旦遇到多個JavaScript外部文件，就要等到所有的外部文件加載完成后，頁面才能完全顯示，所以通常我們會把它放在<body>標(biāo)簽里的底部，如下所示：

　　在上面中提到過<script>中有defer這個屬性，但是由于在HTML5中提到過，HTML5會忽略嵌入腳本所設(shè)置defer屬性，目前只有IE4~IE7還支持defer屬性，IE8以后完全遵循HTML5的標(biāo)準(zhǔn)，所以把<script>放在<body>標(biāo)簽里的底部依舊是最佳選擇。

引用外部文件的優(yōu)點