今天小编跟大家讲解下有关在html文件里include文件内容的方法小结 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关在html文件里include文件内容的方法小结 的相关资料,希望小伙伴们看了有所帮助。
在论坛中常常有网友问到 可以在一个html的文件当中读取另一个html文件的内容吗 答案是确定的 而且方法不只一种 在以前我只会使用iframe来引用 后来发现了另外的几种方法 那今天就总结这几种方法让大家参考一下 本人觉得第三种方式较好! 在html文件引入其它html文件的几种方法
1.Iframe引入 看看下面的代码
复制代码代码如下:<Iframe NAME="content_frame"width=100% height=40 marginwidth=0 marginheight=0 SRC="https://www.aidi.net.cn//web/import.htm"></Iframe>
你会看到一个外部引入的文件 但会发现有一个类似外框的东西将其包围 可使用
复制代码代码如下:<iframe name="content_frame"marginwidth=0 marginheight=0 width=100% height=40 src="https://www.aidi.net.cn//web/import.htm"frameborder=0></iframe>
但你会发现还会有点问题 就是背景色不同 你只要在引入的文件import.htm中使用相同的背景色也可以 但如果你使用
的是IE5.5的话 可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加
入scroll=no
*缺点:无法做导航跳转 在iframe里面跳转 内容叠加出现
2.<object>方式
复制代码代码如下:<object style="border:0px"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"STYLE="behavior:url(#default#download)"/><script>function onDownloadDone(downDate){showimport.innerHTML=downDate}oDownload.startDownload('import.htm’,onDownloadDone)</script>
来源:爱蒂网