在HTML中如何使用JavaScript-創(chuàng)新互聯(lián)

在HTML中如何使用JavaScript？很多新手對此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

10多年的南崗網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。營銷型網(wǎng)站的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整南崗建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“南崗網(wǎng)站設(shè)計(jì)”,“南崗網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

<script>標(biāo)簽

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

  • async（可選）：

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

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

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

  • defer（可選）：

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

當(dāng)標(biāo)簽中包含這個(gè)屬性時(shí)，腳本可以再等到頁面完全被解析或顯示之后執(zhí)行，只對外部文件有效，如果同時(shí)存在兩個(gè)帶有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的屬性值主要時(shí)候用的依舊是text/javascript，如果沒有寫這個(gè)屬性，其默認(rèn)值仍然為text/javascript。

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

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

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

在HTML中如何使用JavaScript

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

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

  • 利于維護(hù)：把所有的JavaScript的文件放在一起，不僅可以不觸及HTML代碼，而且更有利于開發(fā)者進(jìn)行代碼的編寫和維護(hù)。

  • 加速瀏覽：如果有多個(gè)HTML頁面引用了同一個(gè)JavaScript外部文件，這個(gè)文件只會加載一次（緩存），也就是說可以加快頁面的加載速度。

  • 安全性：引用外部文件，如果用戶查看HTML代碼，將不會看到JavaScript的代碼，比寫在標(biāo)簽內(nèi)安全性更高一些。

<noscript>標(biāo)簽

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

  • 瀏覽器不支持腳本；

  • 瀏覽器支持腳本，但是JavaScript被禁用；

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

在HTML中如何使用JavaScript

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

總結(jié)：以上就是本篇文的全部內(nèi)容，希望能對大家的學(xué)習(xí)有所幫助。

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章名稱：在HTML中如何使用JavaScript-創(chuàng)新互聯(lián)
文章路徑：http://www.muchs.cn/article46/dsjghg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、虛擬主機(jī)、響應(yīng)式網(wǎng)站、電子商務(wù)、域名注冊、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)