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

原创

zhangying2001 2023-05-12 11:24:12 ©著作权

文章标签 HTML IE 嵌入式框架搜索引擎 文章分类 Python 后端开发

©著作权归作者所有：来自51CTO博客作者zhangying2001的原创作品，请联系作者获取转载授权，否则将追究法律责任

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文件.再在调用的时候用