摘要:在页面内部应用外部的片段,是一个很常见的用法,那么有哪些方法可以实现呢根据情况使用不同的方法。如果是一个完整的外部页面有完整的,,可以考虑用。如果仅仅是一个代码片段,也可以用的方法导入最后,也可以使用比方便
在页面内部应用外部的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
摘要:元素在页面中使用语言主要的方法就是使用元素,元素内部的代码从上而下依次执行。换句话说的代码可能会先于中的代码执行,所以在使用属性时,要避免两个相互依赖。 我们在 《Javascript简史》这遍文章中说过,「Javascript」这门语言是由 Netscape开发而来,当初开发的时候为了能让 「Javascript」这门语言能与 HTML 页面共存,而且不影响页面的其他内容,为此增加了...
摘要:元素在页面中使用语言主要的方法就是使用元素,元素内部的代码从上而下依次执行。换句话说的代码可能会先于中的代码执行,所以在使用属性时,要避免两个相互依赖。 我们在 《Javascript简史》这遍文章中说过,「Javascript」这门语言是由 Netscape开发而来,当初开发的时候为了能让 「Javascript」这门语言能与 HTML 页面共存,而且不影响页面的其他内容,为此增加了...
阅读 1635·2019-08-30 15:55
阅读 952·2019-08-30 15:44
阅读 844·2019-08-30 10:48
阅读 1998·2019-08-29 13:42
阅读 3167·2019-08-29 11:16
阅读 1165·2019-08-29 11:09
阅读 2025·2019-08-26 11:46
阅读 596·2019-08-26 11:44