html文件引入外部的html文件的方法

最新推荐文章于 2024-03-29 11:19:59 发布

菜鸟zero队

最新推荐文章于 2024-03-29 11:19:59 发布

阅读量1.8k

点赞数

分类专栏： html引入html方法文章标签： html引入外部HTML

本文链接：https://blog.csdn.net/weixin_43074269/article/details/99867163

版权

html引入html方法专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、div+$(“#page1”).load(“b.html”)
参考代码：

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

二、iframe 【本人常用这种，比较常见】
参考代码：


   <div id="page1">
        <iframe align="center" width="100%" height="170" src="page/Page_1.html"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
   </div>
   <div id="page2">
        <iframe align="center" width="100%" height="170" src="page/Page_2.html"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
   </div>

三、object引入
参考代码：


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

四、import引入
参考代码：

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

原文链接：https://blog.csdn.net/arvin0/article/details/56839242

优惠劵

菜鸟zero队

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
html文件引入外部的html文件的方法

一、div+$(“#page1”).load(“b.html”)参考代码：<body> <div id="page1"></div> <div id="page2"></div> <script> $("#page1").load("page/Page_1.html"); ...
复制链接

扫一扫