佳木斯湛栽影视文化发展公司

主頁 > 知識庫 > 在HTML中使用JavaScript實例代碼

在HTML中使用JavaScript實例代碼

熱門標(biāo)簽:美圖手機(jī) 百度競價點擊價格的計算公式 硅谷的囚徒呼叫中心 檢查注冊表項 使用U盤裝系統(tǒng) 智能手機(jī) 阿里云 網(wǎng)站建設(shè)

<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í)行順序?! ?nbsp;     

<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)點

  • 利于維護(hù):把所有的JavaScript的文件放在一起,不僅可以不觸及HTML代碼,而且更有利于開發(fā)者進(jìn)行代碼的編寫和維護(hù)。
  • 加速瀏覽:如果有多個HTML頁面引用了同一個JavaScript外部文件,這個文件只會加載一次(緩存),也就是說可以加快頁面的加載速度。
  • 安全性:引用外部文件,如果用戶查看HTML代碼,將不會看到JavaScript的代碼,比寫在標(biāo)簽內(nèi)安全性更高一些。 
     

<noscript>標(biāo)簽

  字面意思,NO-script,沒有script,也就是瀏覽器不支持JavaScript時,<noscript>標(biāo)簽中內(nèi)容才會被顯示,

  • 瀏覽器不支持腳本;
  • 瀏覽器支持腳本,但是JavaScript被禁用;

  以上兩條符合任何一個,<noscript>標(biāo)簽內(nèi)的內(nèi)容都會被顯示。

  上圖頁面,給用戶了一個信息,當(dāng)瀏覽器不支持或禁用JavaScript是才會被顯示,否則用戶將永遠(yuǎn)不會看到,并且不會影響頁面其他元素的顯示。

總結(jié)

以上所述是小編給大家介紹的在HTML中使用JavaScript實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

標(biāo)簽:湘潭 懷化 山南 賀州 通遼 黃山 湖北 煙臺

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《在HTML中使用JavaScript實例代碼》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266
    肃北| 隆林| 永德县| 兴隆县| 安图县| 福建省| 革吉县| 衡阳市| 仲巴县| 皮山县| 民权县| 罗山县| 藁城市| 大洼县| 武清区| 正宁县| 招远市| 上思县| 五家渠市| 犍为县| 奉贤区| 吐鲁番市| 红安县| 黄冈市| 辽源市| 石首市| 新安县| 瓦房店市| 兰州市| 张北县| 枝江市| 特克斯县| 获嘉县| 澄江县| 南安市| 池州市| 宜城市| 饶平县| 土默特右旗| 云林县| 石阡县|