当前位置: 首页 > Web前端 > HTML5

如何在页面引用外部html

时间:2023-04-05 00:04:49 HTML5

,在页面内部应用外部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]);});链接导入方法importif(typeofdocument.querySelector("link[rel='import']").import=='object'){varhtml=document.querySelector("link[rel='import']").import.head.innerHTML;}else{$.get('test.html',function(html){});}最后还可以使用requirejs...(比ajax方便)