1 2 3 4 5 6 7 8

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

第二种：

1 2 3 4 5 6 7 8 9 10

< 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 >

第三种：

1 2 3 4

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

第四种：

1 2 3 4 5 6 7 8

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