這篇文章主要介紹了使用HTML中Imports的方法,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)建站主要從事網(wǎng)站制作、成都網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)濱江,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):028-86922220先想想你在web上是如何加載不同類型的資源。對(duì)于JS,我們有
為什么需要導(dǎo)入imports?
AJAX-我喜歡xhr.responseType="document",可是加載HTML要用JS?這就不大對(duì)勁了。
CrazyHacks?-用字符串的方式嵌入頁(yè)面,像注釋一樣隱藏(例如
可笑不?作為web上最基礎(chǔ)的內(nèi)容,HTML,竟然需要這么麻煩才能得到我們想要的結(jié)果。幸運(yùn)的是,WebComponents總算找到了一條正確的路。
開始
HTML導(dǎo)入,WebComponents陣容中的一員,是在其他HTML文檔中包含HTML文檔的一種方法。當(dāng)然并非僅限于此,你還可以包含CSS,JavaScript,或.html文件中能包含的任何內(nèi)容。換句話說,這使得導(dǎo)入成為了加載相關(guān)HTML/CSS/JS的神器。
imports導(dǎo)入基礎(chǔ)
通過聲明
導(dǎo)入中的URL被稱為導(dǎo)入地址。若想跨域?qū)雰?nèi)容,導(dǎo)入地址必須允許CORS:
瀏覽器的網(wǎng)絡(luò)協(xié)議棧(networkstack)會(huì)對(duì)訪問相同URL的請(qǐng)求自動(dòng)去重。這意味著從同一個(gè)URL導(dǎo)入的內(nèi)容只會(huì)被獲取一次。無(wú)論這個(gè)地址被導(dǎo)入多少次,最終它將只執(zhí)行一次。 感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“使用HTML中Imports的方法”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!
分享名稱:使用HTML中Imports的方法-創(chuàng)新互聯(lián)
分享地址:http://weahome.cn/article/popdh.html