先想想你在web上是如何加載不同類型的資源。對于JS,我們有<scriptsrc>。<linkrel="stylesheet">應該是CSS的首選。圖片可以用<img>。視頻則有<video>。音頻,<audio>web上絕大部分的內容都有簡單明了的加載方式。對于HTMLimports呢?
為什么需要導入imports?
<iframe>-可用但笨重。iframe中的內容全部存在于一個不同于當前頁的獨立上下文中。這是個很棒的特性,但也為開發者們帶來了額外的挑戰(將frame按照內容尺寸來縮放已經有點難度,在iframe和當前頁面之間寫點JS能把人繞暈,更別提操作樣式了)。
AJAX-我喜歡xhr.responseType="document",可是加載HTML要用JS?這就不大對勁了。
CrazyHacks?-用字符串的方式嵌入頁面,像注釋一樣隱藏(例如<scripttype="text/html">)。嘔!
可笑不?作為web上最基礎的內容,HTML,竟然需要這么麻煩才能得到我們想要的結果。幸運的是,WebComponents總算找到了一條正確的路。
開始
HTML導入,WebComponents陣容中的一員,是在其他HTML文檔中包含HTML文檔的一種方法。當然并非僅限于此,你還可以包含CSS,JavaScript,或.html文件中能包含的任何內容。換句話說,這使得導入成為了加載相關HTML/CSS/JS的神器。
imports導入基礎
通過聲明<linkrel="import">來在頁面中包含一個導入:
<head> <linkrel="import"href="/path/to/imports/stuff.html"> </head>
導入中的URL被稱為導入地址。若想跨域導入內容,導入地址必須允許CORS:
<!--其他域內的資源必須允許CORS-->
<linkrel="import"href
瀏覽器的網絡協議棧(networkstack)會對訪問相同URL的請求自動去重。這意味著從同一個URL導入的內容只會被獲取一次。無論這個地址被導入多少次,最終它將只執行一次。
感謝你能夠認真閱讀完這篇文章,希望小編分享的“使用HTML中Imports的方法”這篇文章對大家有幫助,同時也希望大家多多支持本站,關注本站行業資訊頻道,更多相關知識等著你來學習!
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
是什么導致了霸王集團停牌?王霸集團創始人萬裕華上訴至香港高等法院，要求法院對王霸集團控股股東財富驛站有限公司進行清算。該股在震蕩開盤一個多小時后繼續下跌，10點半左右股價暴跌近30%。王霸集團停牌時，股價暴跌30.9%，至0.197港元，為8年前上市以來的最低水平。造成這種情況的主要原因是霸王集團核心層的裂變。作為公司的創始人之一萬玉華被稱為霸王的真正策劃者。她出生于云南玉溪市，1984年考入廣州...
(資料圖片)2022年11月1年期貸款市場報價利率（LPR）出爐，本月為3.65%，上月為3.65%；5年期以上LPR報4.3%，上月為4.3%，報價維持不變。10月LPR利率回顧：此前2022年10月20日公布的貸款市場報價利率（LPR）為：1年期LPR為3.65%，5年期以上LPR為4.3%。10月17日，央行消息稱，為維護銀行體系流動性合理充裕，開展5000億元中期借貸便利（MLF）操作和2...
11月12日，德云社在孟鶴堂三里屯演出，下午與搭檔周九良擔綱“救底”，為觀眾帶來作品《口吃論》?？吹叫鲩T口大量的鮮花和公仔板，有朋友感慨道，粉絲的支持力度真的很強大，萌哥的熱度真的讓人羨慕。當然，看到作品名字后，有朋友說，孟在作品的選擇上也是很用心的，他已經很久沒有登臺了。如果有一個“口吃”來掩蓋卡住的地方，也不會影響大家的觀感。對于孟，，很多朋友都喜歡和支持他。當你堅守小劇場的時候，你可以把...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）
