当前位置:  首页  >  前端开发  >  HTML

手把手教你在html中引入另一个html文件的方法(详解)

在html中引入调用另一个html的方法,尝试了好几种,在这里都列出来,大家一起来看看吧。

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

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

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

参考代码:


    

《script》 $("#page1").load("page/Page_1.html"); $("#page2").load("page/Page_2.html"); 《script》

二、iframe

参考代码:




   

三、object引入

参考代码:


    
    

四、import引入

参考代码:


    
    《script》
        console.log(page1.import.body.innerHTML);    《script》

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

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

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

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

推荐教程:《HTML教程》

以上就是手把手教你在html中引入另一个html文件的方法(详解)的详细内容,更多请关注 第一PHP社区 其它相关文章!

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | json解析格式化 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有