在html文件引入其它html文件的方法

常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,以下这几种方法供大家参考一下:

1.IFrame引入
看看下面的代码:
<iframe name="content_frame" width="100%" height="30" marginwidth="0" marginheight="0" SRC="import.htm" ></iframe>
以上wideth、height分别表示外框的宽度与高度,marginwidth、marginheight分别表示所插入的页面文本与框架边框之间所保留的空间距离。

以上代码你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用:
<iframe name="content_frame" width="100%" height="30" marginwidth="0" marginheight="0" frameborder="0" SRC="import.htm"></iframe>
以上frameborder=1表示显示外框,0则表示不显示。

但你会发现还会有点问题,就是背景色不同,你只要在引入的文件import.htm中使用相同的背景色也可以, 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加入scroll="no"语句,或者在上面的语句中再插入scrolling="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>


返  回