手机
当前位置:查字典教程网 >网页设计 >XHTML >在html文件里include文件内容的方法小结
在html文件里include文件内容的方法小结
摘要:在论坛中常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,而且方法不只一种,在以前我只会使用ifra...

在论坛中常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,而且方法不只一种,在以前我只会使用iframe来引用,后来发现了另外的几种方法,那今天就总结这几种方法让大家参考一下,本人觉得第三种方式较好!

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

1.IFrame引入,看看下面的代码

<IFRAME NAME="content_frame" width=100% height=40 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>

你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用

<iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=40 src="import.htm" frameborder=0></iframe>

但你会发现还会有点问题,就是背景色不同,你只要在引入的文件import.htm中使用相同的背景色也可以,但如果你使用

的是IE5.5的话,可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加

入scroll=no

*缺点:无法做导航跳转,在iframe里面跳转,内容叠加出现

2.<object>方式

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

object 标签 — 定义一个内嵌的物件(例如:图像, 媒体, 代码 etc)

* 不符合标准网页设计的理念,已经被标准网页设计抛弃.

3.Behavior的download方式

<span id=showImport></span>

<IE:Download ID="oDownload" />

<script>

function onDownloadDone(downDate){

showImport.innerHTML=downDate

}

oDownload.startDownload('import.htm’,onDownloadDone)

</script>

【在html文件里include文件内容的方法小结】相关文章:

HTML元素设置焦点的方法

xhtml的块级标记小结

form上传文件后提示保存action的原因及解决方法

Web端的邮件内容HTML格式规范总结

a标签的name属性和id属性实现页内跳转的方法

html中使用margin:0 auto整个页面不居中的解决方法

html text的常用事件和方法详细描述

网站不允许直接复制页面内容或信息的解除方法

firefox支持webdings字体的方法

定义input type=file 样式的方法

精品推荐
分类导航