其他分享
首页 > 其他分享> > html中引入调用另一个html文件

html中引入调用另一个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>

第二种:

 

<head></head><body>
  <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></body>

第三种:

 

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

第四种:

 

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

标签:load,调用,console,Page,html,引入,page,page1
来源: https://blog.csdn.net/yu502586512/article/details/118054452