免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

在HTML中引入外部頁面的方法

這篇文章主要介紹在HTML中引入外部頁面的方法,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

創新互聯公司長期為超過千家客戶提供的網站建設服務,團隊從業經驗10年,關注不同地域、不同群體,并針對不同對象提供差異化的產品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯網生態環境。為桐城企業提供專業的網站設計制作、成都網站建設桐城網站改版等技術服務。擁有十載豐富建站經驗和眾多成功案例,為您定制開發。

HTML imports提供了一種在一個HTML文檔中包含和重用另一個HTML文檔的方法。目前谷歌已經全面支持HTML imports,Opera35版本之后支持,但是FF依舊不支持。(在谷歌的地址欄輸入:chrome://flags,啟動或禁止一些功能) 。盡管目前HTML imports的兼容不是很好,但是我們還是有必要了解其使用方法,W3C已經發布了HTML imports的標準草案,相信后期應該還是會用得比較普遍的。使用HTML imports

<!doctype html>
<html>
    <head>
    <!--網站編碼格式,UTF-8 國際編碼,GBK或 gb2312 中文編碼-->
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <meta name="Keywords" content="關鍵詞一,關鍵詞二">
        <meta name="Description" content="網站描述內容">
        <meta name="Author" content="Yvette Lau">       
        <title>Document</title>
        <link rel = "import" href = "test1.html"/>
    </head>
    <body>
        <div id = "content"></div>
    </body>
</html>
<script>
    var post = document.querySelector("link[rel = 'import']").import;
    var con = post.querySelector("div");
    document.querySelector("#content").appendChild(con.cloneNode(true));

    var clone = document.importNode(con,true)
    document.querySelector("#content").appendChild(clone)
</script>

給出了兩種將import進來的html中我們需要的部分插入到當前html.

最后簡單介紹document.querySelector和document.querySelectorAll,這兩個方法是HTML5在Web API中新引入的方法,大大簡化了在原生Javascript代碼中選取元素。

document.querySelector和document.querySelectorAll都是接收一個字符串作為參數,這個參數需要符合CSS選擇語法,即:標簽、類選擇器、ID選擇器,屬性選擇器(E[type=”XX”]),結構選擇器(:nth-child(n))等。不支持偽類選擇器。

document.importNode(node,deep)方法把一個節點從另一個文檔復制到該文檔以便應用,第二個值為true,那么將該節點的所有子孫節點也復制過來。

node.cloneNode(deep):對已有的節點進行克隆,deep值為true,表示克隆其子孫節點。如果deep為false,則只克隆該節點自身。

以上是在HTML中引入外部頁面的方法的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創新互聯行業資訊頻道!

新聞標題:在HTML中引入外部頁面的方法
標題URL:http://m.newbst.com/article22/gcigcc.html

成都網站建設公司_創新互聯,為您提供網站排名營銷型網站建設軟件開發網站建設App設計網站設計

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

網站托管運營