在 HTML 中,
標(biāo)簽通常用于顯示預(yù)定義格式的文本。而
標(biāo)簽
則常常用于標(biāo)記計(jì)算機(jī)代碼。在常見的 HTML 中,也可以使用延遲屬性來定義代碼的延遲執(zhí)行。HTML 中的延遲屬性使用defer
關(guān)鍵字來定義需要被延遲執(zhí)行的代碼。當(dāng)瀏覽器解析 HTML 時(shí),所有被標(biāo)記為延遲執(zhí)行的代碼都會(huì)被存放在文檔樹的底部,即在 document 對(duì)象之前。這樣,它們就不會(huì)阻止文檔內(nèi)其他元素的渲染和加載了。
HTML 延遲執(zhí)行代碼示例 這是一個(gè) HTML 頁面。
在上面的代碼示例中,我們可以看到defer
屬性已經(jīng)被添加到了 script 標(biāo)簽上。這樣,瀏覽器就會(huì)在解析結(jié)束后再執(zhí)行它所引用的 JavaScript 代碼了。如果你有多個(gè)需要被延遲執(zhí)行的腳本,那么它們會(huì)按照它們被引用的順序依次執(zhí)行。
需要注意的是,延遲屬性只適用于外部腳本,也就是在src
屬性中定義的 JavaScript 文件。對(duì)于內(nèi)聯(lián)腳本,如在<script>
標(biāo)簽內(nèi)寫的代碼,它們總是會(huì)立即執(zhí)行。如果你需要從頭開始,延遲屬性將使你能夠獲得更好的網(wǎng)站性能。