html引入原生js,js实现一个html页面引入另一个html页面

这篇文章主要为大家详细介绍了js实现一个html页面引入另一个html页面，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

页面的引入是不少用户想实现的，一般情况下我们会使用iframe的方式来引入

但是有的时候我们发现有些JS或者联盟是禁止使用IFRAME引入的，如果用iframe会出现提示：iframe not allow！

因此这个时候我们需要通过其他的方式来实现index.html的页面引入。

1、通过jq的load方法引入

$("#div").load("index.html");

2、原生js的object标签引入

document.getElementById("div").innerHTML = '';

3、import引入(head中引入文件，script中加载内容)

href链接引入的html文件，id可以看做页面引导，在script中用到

主页面

document.write(page1.import.body.innerHTML);

你好呀！

document.write(page2.import.body.innerHTML);

以上就是js实现一个html页面引入另一个html页面的全部内容，希望对大家的学习和解决疑问有所帮助，也希望大家多多支持361模板网。

感谢打赏，我们会为大家提供更多优质资源！