当前位置: 首页 > 网络学院 > 网页制作基础教程 > WEB设计综合 > 在html文件中引入其它html文件

WEB设计综合
合理使用HTML标签进行CSS布局
IE中伪类:hover的使用及BUG
CSS floats创建三列式网页布局
display:inline-block的深入理解
由浅入深漫谈margin属性
PDF、ZIP、DOC链接的标注
纯CSS代码实现翻页
CSS在表格边框上的美学应用
CSS的超级技巧大放送
创造收藏夹中的个性化图
让网页里的提交按钮变得更靓
让弹出窗口变得“体贴”
在html文件中引入其它html文件
用好超级链接标记—A
HTML语言的语法基础及规则
像表格table一样轻松布局div层
XHTML+CSS布局之XHTML应用小结
Html 书签的使用
有关HTML代码的另类应用技巧
避免表格(table)被撑开变形的CSS代码

WEB设计综合 中的 在html文件中引入其它html文件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 1299 ::
收藏到网摘: n/a

简介:在论坛中常常有网友问到,可以在一个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>

评论 (0) All

登陆 | 还没注册?