html中引入调用另一个html文件

html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件 html中引入调用另一个html文件。
方法1

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <script src="jquery.js"></script>
    </head>
    <body>
        <div id="page1"></div>
        <div id="page2"></div>
    </body>
    <script>
        $("#page1").load("page1.html");
        $("#page2").load("page2.html");
    </script>
</html>

方法2


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <script src="jquery.js"></script>
    </head>
    <body>
        <div id="page1">
        <iframe align="center" width="100%" height="170" src="page1.html"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
   </div>
   <div id="page2">
        <iframe align="center" width="100%" height="170" src="page2.html"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
   </div>
    </body>
</html>

方法3

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <script src="jquery.js"></script>
           <object style="border:0px" type="text/x-scriptlet" data="page1.html" width=100% height=150>
    </object>
       <object style="border:0px" type="text/x-scriptlet" data="page2.html" width=100% height=150>
    </object>
    </head>
    <body>
        llll
    </body>
</html>

会被加载再111前面