日期:2014-05-17  浏览次数:20760 次

如何在html文件中包含其他html文件

1.IFrame

?

框架的形式.

?

<iframe name="toppage" width=100% height=30 marginwidth=0 marginheight=0 src="top.htm" ></iframe> 
?

iframe也称作嵌入式框架,嵌入式框架和框架网页类似,它可以把一个网页的框架和内容嵌入在现有的网页中。它与<frame>不同的是,iframe可以嵌在网页中的任意部分。


属性:      name="..."定义的名字
         scr="..."定义显示的内容的来源
         frameborder="..."定义边界(0或1)
         margwidth="..."设置边界和其中内容之间的宽间距
         margheight="..."设置边界和其中内容之间的高间距
         align="..."控制对齐方式(left, center, right, justify)
         noresize="..."使帧的尺寸不能变
         scrolling="..."设置滚动条的表示方式(auto, yes, no)
         height="..."高度
         width="..."宽度
allowtransparency="true"是否允许透明


这种不用下载文件,可是透明背景总是不行,而且总是不能顶格对齐。郁闷。


2.<object>

?

<object type="text/x-scriptlet" data="top.htm" width=100% height=30></object>

?或

<object id=editBox data="http://evil.2ec.cn/" width="100%" height=500 type=text/x-scriptlet>
?

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('top.htm',onDownloadDone)
</script>
?

如果头和尾都用这个办法,那需要把ID改改。
<!--显示页面头-->

?

<span id=showImport1></span>
<IE:Download ID="oDownload1" STYLE="behavior:url(#default#download)" />
<script>
function onDownloadDone(downDate){
showImport1.innerHTML=downDate
}
oDownload1.startDownload('top.htm',onDownloadDone)
</script>
?


<!--页面头显示结束-->
<!--显示页面尾-->

?

<span id=showImport2></span>
<IE:Download ID="oDownload2" STYLE="behavior:url(#default#download)" />
<script>
function onDownloadDone(downDate){
showImport2.innerHTML=downDate
}
oDownload2.startDownload('bottom.htm',onDownloadDone)
</script>
?


<!--页面尾显示结束-->

这种显示的最好,可是需要下载文件,IE浏览器通常会自动拦截,如果不手动允许下载,那么包含的外部文件就不会显示。

4.<script>


就是把相关的html文件转化为js文件.再在调用的时候用

?

<script src="top.js"></script>
?

这个方法有一点要注意,用来包含象头部,导航这些的话,建议不要用这个.不利于搜索引擎的搜集。

?

?