幾年前，有經(jīng)驗(yàn)的程序員總是讓我們將

很明顯，現(xiàn)在瀏覽器有了更加酷的兼容方式，這篇文章，俺將跟大家一起來學(xué)習(xí)script標(biāo)簽的async和defer新特性，探討script應(yīng)該放在哪里更好。

頁面加載方式

在我們討論

當(dāng)瀏覽器加載帶有

獲取html頁面(如index.html)

開始解析HTML

解析器遇到引用外部腳本

瀏覽器請(qǐng)求腳本文件，同時(shí)解析器阻塞并停止解析頁面上其他的HTML

一段時(shí)間后，腳本被下載并隨后執(zhí)行

解析器將繼續(xù)解析HTML文檔的剩余部分

步驟4會(huì)導(dǎo)致不良的用戶體驗(yàn)，?您的網(wǎng)站基本上會(huì)停止加載，沒有任何響應(yīng)，直到您下載了所有腳本。

如果你的腳本文件很大，那么對(duì)用戶體驗(yàn)的影響可以說是致命的。

為什么會(huì)發(fā)生這種情況？

任何腳本都可以通過document.write()或其他DOM操作插入自己的HTML。 這意味著解析器必須等到腳本被下載并執(zhí)行后，才能安全地解析文檔的其余部分。 畢竟，腳本可能已經(jīng)在文檔中插入了自己的HTML。

但是，大多數(shù)

My Page

Welcome back, user 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的html script 放置位置,script标签应该放在HTML哪里，总结分享的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。