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>
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！