瀏覽器script標簽加載順序

  • script標簽(不帶defer或async屬性)的會阻止文檔渲染矮烹。相關(guān)腳本會立即下載并執(zhí)行悦荒。
  • document.currentScript可以獲得當前正在運行的腳本(Chrome 29+, FF4+)
  • 腳本順序在默認情況下和script標簽出現(xiàn)的順序一致

async屬性

由腳本插入的script標簽?zāi)J是async的搬味。對內(nèi)聯(lián)腳本設(shè)置async屬性是沒有意義的碰纬,也不產(chǎn)生其他效果。其包含的腳本總是立即執(zhí)行的强戴。

defer屬性

帶有defer屬性的腳本骑歹,同樣會推遲腳本的執(zhí)行道媚,并且不會阻止文檔解析。
defer屬性是會確保腳本在文檔解析完畢后執(zhí)行的——即使這個腳本在文檔解析過程中就已經(jīng)下載完畢變成可執(zhí)行的狀態(tài)镀脂,瀏覽器也會推遲這個腳本的執(zhí)行狗热,直到文檔解析完畢匿刮,并在DOMContentLoaded之前训措。

帶有defer的腳本彼此之間绩鸣,能保證其執(zhí)行順序呀闻。

  • 僅有async屬性,腳本會異步執(zhí)行
  • 僅有defer屬性垒手,腳本會在文檔解析完畢后執(zhí)行
  • 兩個屬性都沒有科贬,腳本會被同步下載并執(zhí)行榜掌,期間會阻塞文檔解析
  • 被延遲的腳本進行document.write寫入時, 由于document已經(jīng)關(guān)閉, 所以 document.write 沒有效果

參考: Script標簽和腳本執(zhí)行順序 - 文檔加載 - 面向瀏覽器編程

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末瘾带,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子允蚣,更是在濱河造成了極大的恐慌嚷兔,老刑警劉巖冒晰,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異蒋情,居然都是意外死亡辕翰,警方通過查閱死者的電腦和手機喜命,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進店門丧裁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來煎娇,“玉大人缓呛,你說我怎么就攤上這事因妙∨屎” “怎么了以故?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長吊骤。 經(jīng)常有香客問我水援,道長蜗元,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮奔害,結(jié)果婚禮上芯杀,老公的妹妹穿的比我還像新娘揭厚。我一直安慰自己,他們只是感情好太援,可當我...
    茶點故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著唧垦,像睡著了一般振亮。 火紅的嫁衣襯著肌膚如雪坊秸。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天星瘾,我揣著相機與錄音,去河邊找鬼念逞。 笑死翎承,一個胖子當著我的面吹牛叨咖,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播创淡,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼碧浊!你這毒婦竟也來了箱锐?” 一聲冷哼從身側(cè)響起驹止,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤衣洁,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后环凿,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體拷邢,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了悔雹。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,690評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖闲询,靈堂內(nèi)的尸體忽然破棺而出扭弧,到底是詐尸還是另有隱情鸽捻,我是刑警寧澤伊磺,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布痰滋,位于F島的核電站敲街,受9級特大地震影響多艇,放射性物質(zhì)發(fā)生泄漏峻黍。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一骨饿、第九天 我趴在偏房一處隱蔽的房頂上張望宏赘。 院中可真熱鬧察署,春花似錦、人聲如沸嘶是。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽矾湃。三九已至邀跃,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間僵驰,已是汗流浹背蒜茴。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工室谚, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留秒赤,地道東北人陈瘦。 一個月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像鞍泉,于是被迫代替她去往敵國和親咖驮。 傳聞我的和親對象是個殘疾皇子托修,可洞房花燭夜當晚...
    茶點故事閱讀 44,577評論 2 353

推薦閱讀更多精彩內(nèi)容

  • 瀏覽器中script標簽加載順序是如何的呢涩拙?這個問題折騰了好幾次了,之前弄清楚了以后洋幻,覺得做不做筆記的無關(guān)緊要好唯,可...
    世事如煙_f411閱讀 1,521評論 0 1
  • 本文總結(jié)一下瀏覽器在 javascript 的加載方式。關(guān)鍵詞:異步加載(async loading)靶端,延遲加載(...
    4ea0af17fd67閱讀 1,059評論 0 2
  • 簡介網(wǎng)絡(luò)瀏覽器很可能是使用最廣的軟件猖毫。在這篇入門文章中趁蕊,我將會介紹它們的幕后工作原理掷伙。我們會了解到炎咖,從您在地址欄輸...
    wengjq閱讀 2,022評論 2 15
  • 看了一篇文章,是育兒方面的级野,里面一個點是“不要夸獎孩子聰明蓖柔,而是告訴他他真的很努力”。原因是什么呢镐捧?夸獎一個孩子他...
    小草的森林閱讀 310評論 3 1
  • 今天看了劉未鵬《暗時間》一書中的第一篇文章《暗時間》 這篇文章給我一種專輯同名主打歌的感覺 有幾個比較有意思的觀點...
    早上起好早閱讀 230評論 0 0