资讯专栏INFORMATION COLUMN

如何在页面引用外部的html

txgcwm / 1025人阅读

摘要:在页面内部应用外部的片段,是一个很常见的用法,那么有哪些方法可以实现呢根据情况使用不同的方法。如果是一个完整的外部页面有完整的,,可以考虑用。如果仅仅是一个代码片段,也可以用的方法导入最后,也可以使用比方便

在页面内部应用外部的html片段,是一个很常见的用法,那么有哪些方法可以实现呢?

根据情况使用不同的方法。

iframe

如果是一个完整的外部页面(有完整的html,head,body),可以考虑用iframe。

ajax

如果仅仅是一个代码片段,也可以用ajax

$.get("test.html",function(html){
    //
});
$.when(
    $.get("test1.html"),
    $.get("test2.html"),
).then(function(html1,html2){
    console.log(html1[0]);
    console.log(html2[0]);
});
link import的方法导入


if (typeof document.querySelector("link[rel = "import"]").import == "object") {
    var html = document.querySelector("link[rel = "import"]").import.head.innerHTML;
} else {
    $.get("test.html", function(html) {
    });
}

最后,也可以使用requirejs...(比ajax方便)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85118.html

相关文章

  • 说一说 HTML script 标签

    摘要:元素在页面中使用语言主要的方法就是使用元素,元素内部的代码从上而下依次执行。换句话说的代码可能会先于中的代码执行,所以在使用属性时,要避免两个相互依赖。 我们在 《Javascript简史》这遍文章中说过,「Javascript」这门语言是由 Netscape开发而来,当初开发的时候为了能让 「Javascript」这门语言能与 HTML 页面共存,而且不影响页面的其他内容,为此增加了...

    fox_soyoung 评论0 收藏0
  • 说一说 HTML script 标签

    摘要:元素在页面中使用语言主要的方法就是使用元素,元素内部的代码从上而下依次执行。换句话说的代码可能会先于中的代码执行,所以在使用属性时,要避免两个相互依赖。 我们在 《Javascript简史》这遍文章中说过,「Javascript」这门语言是由 Netscape开发而来,当初开发的时候为了能让 「Javascript」这门语言能与 HTML 页面共存,而且不影响页面的其他内容,为此增加了...

    rubyshen 评论0 收藏0

发表评论

0条评论

txgcwm

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<