最近在项目中遇到一个问题,就是需要HTML包含别的HTML,在网上搜到许多方法,在这里分享一下。
1.IFrame引入,看看下面的代码
<IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></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>
只是这种方式,可以包含。比如:在电脑的某一个地方创建a.html、b.html,a.html包含b.html,双击a.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>
这种方法,个人认为不错。
最后采用的方式:采用shtml来包含html
1.IFrame引入,看看下面的代码
<IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></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>
只是这种方式,可以包含。比如:在电脑的某一个地方创建a.html、b.html,a.html包含b.html,双击a.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>
这种方法,个人认为不错。
最后采用的方式:采用shtml来包含html