一、总结(点击显示或隐藏总结内容)
转载 https://segmentfault.com/a/1190000010943143
在页面内部应用外部的html片段,是一个很常见的用法,那么有哪些方法可以实现呢?
根据情况使用不同的方法。
iframe
如果是一个完整的外部页面(有完整的html,head,body),可以考虑用iframe。
<iframe src="test.html"></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的方法导入
<link rel="import" href="test.html">
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
最后,也可以使用requirejs
…(比ajax方便)
![weinxin](http://blog.tsingmac.com/wp-content/uploads/img/qr_300x300.jpg)
我的微信
一个码农、工程狮、集能量和智慧于一身的、DIY高手、小伙伴er很多的、80后奶爸。
赞助我为您提供更好的技术支持。
支付宝打赏
微信钱包打赏
赏