在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"); 
});