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

html中引入调用另一个html的方法,尝试了好几种,都列出来: 其中第一种是最好的,其他的方法,可以尝试看看,是不是适合你当前项目 一、p+$(“#page1”).load(“b…

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

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

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

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

参考代码:

<body><pid="page1"></p><pid="page2"></p><script>$("#page1").load("page/Page_1.html");$("#page2").load("page/Page_2.html");</script></body>

二、iframe

参考代码:

<head></head><body><pid="page1"><iframealign="center"width="100%"height="170"src="page/Page_1.html"frameborder="no"border="0"marginwidth="0"marginheight="0"scrolling="no"></iframe></p><pid="page2"><iframealign="center"width="100%"height="170"src="page/Page_2.html"frameborder="no"border="0"marginwidth="0"marginheight="0"scrolling="no"></iframe></p></body>

三、object引入

参考代码:

<head><objectstyle="border:0px"type="text/x-scriptlet"data="page/Page_1.html"width=100%height=150></object></head>

四、import引入

参考代码:

<head><linkrel="import"href="page/Page_1.html"id="page1"></head><body><script>console.log(page1.import.body.innerHTML);</script></body>

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

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

产品猿社区致力收录更多优质的商业产品,给服务商以及软件采购客户提供更多优质的软件产品,帮助开发者变现来实现多方共赢;

日常运营的过程中我们难免会遇到各种版权纠纷等问题,如果您在社区内发现有您的产品未经您授权而被用户提供下载或使用,您可按照我们投诉流程处理,点我投诉

本文来自用户发布投稿,不代表产品猿立场 ;若对此文有疑问或内容有严重错误,可联系平台客服反馈;

部分产品是用户投稿,可能本文没有提供官方下下载地址或教程,若您看到的内容没有下载入口,您可以在我们产品园商城搜索看开发者是否有发布商品;若您是开发者,也诚邀您入驻商城平台发布的产品,地址:点我进入

如若转载,请注明出处:https://www.chanpinyuan.cn/40735.html;
(0)
上一篇 2023年4月5日 下午4:17
下一篇 2023年4月5日 下午4:17

相关推荐

发表回复

登录后才能评论
分享本页
返回顶部