在html中做嵌套页面_客户端实现html页面的嵌套

如何在客户端利用html、或js将一个html页面嵌套在另一个页面中

 

1.IFrame引入 

有时候需要把其他地方的页面嵌套到当前的的网站的某个模块中，就可以使用iframe嵌套 

<iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="import.htm" frameborder=0>
</iframe>

　　

 

2.<object>方式

利用<object></object>的data属性，data 属性用于指定供对象处理的数据文件的 URL。

该属性的值是文件的 URL，该 URL 可能是相对于文件基本 URL 的绝对 URL 或相对 URL，或者是相对于用 codebase 属性提供的 URL 的绝对或相对 URL。

浏览器通过插入到文档中的对象类型来决定数据的类型。该属性类似于 <img> 标签中的 src 属性，因为它下载的是要由包含对象进行处理的数据。当然，它们之间的差别在于，data 属性允许包含【几乎任何文件类型】，而不仅仅是图像文件。 

<object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>

　　

素材公社https://www.wode007.com/sites/73209.html 爱图网https://www.wode007.com/sites/73208.html

3.Behavior的download方式 

<span id=showImport></span>
<IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" />
<script> 
function onDownloadDone(downDate){
showImport.innerhtml=downDate
} 
oDownload.startDownload('import.htm',onDownloadDone)
</script>

　　

 

4.使用JQuery的load方法

$(document).ready(function(){ 
$(".top").load("top.html"); 
$(".footer").load("footer.html"); 
});