本文小編為大家詳細(xì)介紹“script標(biāo)簽一般寫在html的哪里”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“script標(biāo)簽一般寫在html的哪里”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學(xué)習(xí)新知識(shí)吧。
創(chuàng)新互聯(lián)一直在為企業(yè)提供服務(wù),多年的磨煉,使我們?cè)趧?chuàng)意設(shè)計(jì),成都營銷網(wǎng)站建設(shè)到技術(shù)研發(fā)擁有了開發(fā)經(jīng)驗(yàn)。我們擅長傾聽企業(yè)需求,挖掘用戶對(duì)產(chǎn)品需求服務(wù)價(jià)值,為企業(yè)制作有用的創(chuàng)意設(shè)計(jì)體驗(yàn)。核心團(tuán)隊(duì)擁有超過十載以上行業(yè)經(jīng)驗(yàn),涵蓋創(chuàng)意,策化,開發(fā)等專業(yè)領(lǐng)域,公司涉及領(lǐng)域有基礎(chǔ)互聯(lián)網(wǎng)服務(wù)四川移動(dòng)機(jī)房托管、成都App定制開發(fā)、手機(jī)移動(dòng)建站、網(wǎng)頁設(shè)計(jì)、網(wǎng)絡(luò)整合營銷。
script標(biāo)簽的位置:1、放在head標(biāo)簽內(nèi)部,瀏覽器解析HTML,解析到script標(biāo)簽時(shí),會(huì)先下載完所有script,再往下解析其他的HTML;因此會(huì)使網(wǎng)頁內(nèi)容呈現(xiàn)滯后,用戶體驗(yàn)差。2、放在body標(biāo)簽內(nèi)部,瀏覽器會(huì)先解析完整個(gè)HTML頁面,再下載并解析js。3、放在body閉標(biāo)簽之后,瀏覽器會(huì)忽略之前的“”,所以實(shí)際效果和寫在body閉合標(biāo)簽之前沒有區(qū)別。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
一般script標(biāo)簽會(huì)被放在頭部或尾部,頭部就是head標(biāo)簽里,尾部就是body里,也有放在body閉合標(biāo)簽之后。
獲取DOM元素 一個(gè)標(biāo)簽
打印結(jié)果:
當(dāng)script標(biāo)簽放在head標(biāo)簽里時(shí),瀏覽器解析HTML,解析到script標(biāo)簽時(shí),會(huì)先下載完所有script,再往下解析其他的HTML。在瀏覽器下載js時(shí),是不能多個(gè)js一起下載的,且瀏覽器下載js時(shí),會(huì)阻塞解析其他的HTML。因此,將script標(biāo)簽放在頭部,會(huì)使網(wǎng)頁內(nèi)容呈現(xiàn)滯后,用戶體驗(yàn)差。
一個(gè)標(biāo)簽
將script標(biāo)簽放在body尾部,瀏覽器會(huì)先解析完整個(gè)HTML頁面,再下載js,這樣的話,如果js執(zhí)行出錯(cuò)了,最起碼頁面中的元素還可以加載出來,因?yàn)镈OM文檔是從上往下的順序執(zhí)行的。 但是對(duì)于一些高度依賴于js的網(wǎng)頁,這樣就會(huì)顯得很慢。
一個(gè)標(biāo)簽
雖然放在body閉合標(biāo)簽之前和之后的打印結(jié)果是一樣的,但是從HTML 2.0起放在body閉標(biāo)簽之后
就是不合標(biāo)準(zhǔn)的。之所以瀏覽器不會(huì)報(bào)錯(cuò),是因?yàn)槿绻?code>body標(biāo)簽之后再出現(xiàn)script或任何元素的開始標(biāo)簽,都是prase error
(語法錯(cuò)誤),瀏覽器會(huì)忽略之前的
,即視作仍舊在body內(nèi)部,所以實(shí)際效果和寫在body閉合標(biāo)簽之前
是沒有區(qū)別的。
async
和defer
async的設(shè)置,會(huì)使得script腳本異步的加載并在允許的情況下執(zhí)行,但是并不會(huì)按照在script在頁面中的順序來執(zhí)行,而是誰先加載完誰執(zhí)行。
如果script01.js較大,下載慢,則會(huì)導(dǎo)致script02.js可能先于script01.js執(zhí)行。
defer的設(shè)置,會(huì)是瀏覽器異步的下載該文件并且不會(huì)影響到DOM的渲染,如果有多個(gè)設(shè)置了defer的script標(biāo)簽存在,則會(huì)按照順序執(zhí)行所有的script,即先下載script01.js,再下載script02.js
讀到這里,這篇“script標(biāo)簽一般寫在html的哪里”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì),如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
新聞名稱:script標(biāo)簽一般寫在html的哪里
分享路徑:http://weahome.cn/article/jsdesd.html