国产成人精品三级麻豆,色综合天天综合高清网,亚洲精品夜夜夜,国产成人综合在线女婷五月99播放,色婷婷色综合激情国产日韩

當(dāng)前位置:首頁(yè) > 嵌入式培訓(xùn) > 嵌入式學(xué)習(xí) > 講師博文 > JavaScript與HTML的結(jié)合方式

JavaScript與HTML的結(jié)合方式 時(shí)間:2018-09-27      來(lái)源:未知

向HTML頁(yè)面中插入JavaScript的主要方法,就是使用<script>元素。

script元素的屬性:

      async:可選。表示應(yīng)該立即下載腳本,但不應(yīng)妨礙頁(yè)面中的其他操作,比如下載替他資源或等待加載其他腳本。只對(duì)外部腳本文件有效。

      charset:可選。表示通過(guò)src屬性指定的代碼的字符集。

      defer:可選。表示腳本可以延遲到文檔完全被解析和顯示之后在執(zhí)行。只對(duì)外部腳本文件有效。

      src:可選。表示包含要執(zhí)行代碼的外部文件。

      type:可選。可以看成是language的替代屬性,表示編寫(xiě)代碼使用的腳本語(yǔ)言的內(nèi)容類(lèi)型。默認(rèn)值以及通常情況下的使用值:text/javascript。

 

script元素的使用方式:

      一:直接在頁(yè)面中嵌入JavaScript代碼。

二:包含外部JavaScript文件。

注意:

      帶有src屬性的<script>元素不應(yīng)該在其<script>和<script/>標(biāo)簽之間再包含額外的JavaScript代碼。如果包含了嵌入的代碼,則只會(huì)下載并執(zhí)行外部腳本文件,嵌入的代碼會(huì)被忽略。另外通過(guò)<script>元素的src屬性還可以包含來(lái)自外部域的JavaScript文件。

標(biāo)簽的位置:

      傳統(tǒng)做法:所有<script>元素都應(yīng)該放在頁(yè)面的<head>元素中。

      缺點(diǎn):對(duì)于那些需要很多JavaScript代碼的頁(yè)面來(lái)說(shuō),這無(wú)疑會(huì)導(dǎo)致瀏覽器在呈現(xiàn)頁(yè)面時(shí)出現(xiàn)明顯的延遲,而延遲期間的瀏覽器窗口將會(huì)是一片空白。

      現(xiàn)代做法:一般會(huì)把全部JavaScript引用放在<body>元素中頁(yè)面內(nèi)容的后面。

 

延遲腳本:

      <script>標(biāo)簽多的defer屬性,用途是表明腳本在執(zhí)行時(shí)不會(huì)影響頁(yè)面的構(gòu)造。也就是說(shuō),腳本會(huì)被延遲到整個(gè)頁(yè)面都解析完畢后在運(yùn)行,因此,defer屬性相當(dāng)于告訴瀏覽器立即下載,但延遲執(zhí)行。

      defer屬性只適用于外部腳本。

異步腳本:

     HTML5為<script>元素定義了async屬性。這個(gè)屬性與defer屬性類(lèi)似,都用于改變處理腳本的行為。async屬性只適用于外部腳本,并告訴瀏覽器立即下載文件。但標(biāo)記為async的腳本并不保證按照指定它們的先后順序執(zhí)行。但指定async屬性的目的是不讓頁(yè)面等待多個(gè)腳本下載和執(zhí)行,從而異步加載頁(yè)面其他內(nèi)容。為此建議異步腳本不要在加載期間修改DOM。異步腳本一定會(huì)在頁(yè)面的load事件前執(zhí)行。

問(wèn)題:并不是所有的瀏覽器都支持JavaScript?

     解釋?zhuān)翰恢С值臑g覽器會(huì)把<script>元素的內(nèi)容直接輸出到頁(yè)面中,因而會(huì)破壞頁(yè)面的布局和外觀。        

     解決方式:給腳本加上HTML注釋。

     原理:不支持JavaScript的瀏覽器會(huì)忽略<script>標(biāo)簽中的內(nèi)容,而那些支持JavaScript的瀏覽器在遇到這種情況時(shí),則必須進(jìn)一步確認(rèn)其中是否包含需要解析的JavaScript代碼。但是現(xiàn)在所有的瀏覽器都已經(jīng)支持JavaScript了,因此也沒(méi)有必要再使用這種格式了。

引用外部文件的好處:

     可維護(hù)性:可以再不觸及HTML的情況下,集中精力編輯JavaScript代碼。

     可緩存  :如果有多個(gè)頁(yè)面都需要使用同一個(gè)文件,那么這個(gè)文件只需要下載一次。加快頁(yè)面加載的速度。

     適應(yīng)未來(lái):無(wú)需使用前面提到的注釋hack。

 

<noscript>元素:

     可以解決瀏覽器不支持JavaScript時(shí),頁(yè)面平穩(wěn)地退化。

     當(dāng)出現(xiàn)以下情況之一時(shí)<noscript>中的內(nèi)容才會(huì)呈現(xiàn)出來(lái),否則永遠(yuǎn)也不會(huì)顯示:

          瀏覽器不支持JavaScript。

          瀏覽器支持腳本,但腳本被禁用。

上一篇:數(shù)據(jù)庫(kù)事務(wù),Connection連接池

下一篇:js中this的指向

熱點(diǎn)文章推薦
華清學(xué)員就業(yè)榜單
高薪學(xué)員經(jīng)驗(yàn)分享
熱點(diǎn)新聞推薦
前臺(tái)專(zhuān)線:010-82525158 企業(yè)培訓(xùn)洽談專(zhuān)線:010-82525379 院校合作洽談專(zhuān)線:010-82525379 Copyright © 2004-2022 北京華清遠(yuǎn)見(jiàn)科技集團(tuán)有限公司 版權(quán)所有 ,京ICP備16055225號(hào)-5京公海網(wǎng)安備11010802025203號(hào)

回到頂部