在HTML文件引入其它HTML文件的幾種方法

原創

2020-02-20 13:37

在論壇中常常有網友問到，可以在一個html的文件當中讀取另一個html文件的內容嗎？答案是確定的，而且方法不只一種，在以前我只會使用iframe來引用，後來發現了另外的幾種方法，那今天就總結這幾種方法讓大家參考一下。
1.IFrame引入，看看下面的代碼

--------------------------------------------------------------------------------
<IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>
--------------------------------------------------------------------------------

你會看到一個外部引入的文件，但會發現有一個類似外框的東西將其包圍，可使用

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

但你會發現還會有點問題，就是背景色不同，你只要在引入的文件import.htm中使用相同的背景色也可以，但如果你使用的是IE5.5的話，可以看看這篇關於透明色的文章如果想引入的文件過長時不出現滾動條的話在import.htm中的body中加入scroll=no

2.<object>方式

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

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>