如何使用html在前端导入文档,手把手教你在html中引入另一个html文件的方法（详解）_WEB前端开发...

一起来聊聊html与HTML5的区别_WEB前端开发

今天有人问我了，你经常用html5还是html？emmm其实自己在平时写网页时，对这两者没有特意区分。如果非要说区别的话，显而易见的区别就是下面我列出来的这些了。

html中引入调用另一个html的方法，尝试了好几种，都列出来：

其中第一种是最好的，其他的方法，可以尝试看看，是不是适合你当前项目

一、p+$(“#page1”).load(“b.html”)

参考代码：

$("#page1").load("page/Page_1.html");

$("#page2").load("page/Page_2.html");

二、iframe

参考代码：

三、object引入

link标签是什么意思？_WEB前端开发

link有“链接”的意思，是HTML中的一个标签，用于建立和外部文件的链接。其语法为“”；href连接的文档是一个样式表。

参考代码：

四、import引入

参考代码：

console.log(page1.import.body.innerHTML);

参考文章：https://www.web-tinker.com/article/20637.html

五、bootstrap的panel组件，或者easyui的window组件，有点类似这个效果.

感谢大家的阅读，希望大家收益多多。

本文转自： https://blog.csdn.net/arvin0/article/details/56839242

推荐教程：《HTML教程》