html文件中include文件内容应该如何使用-木庄网络博客

本文摘自PHP中文网，作者php中世界最好的语言，侵删。

这次给大家带来html文件中include文件内容应该如何使用，使用html文件中include文件内容的注意事项有哪些，下面就是实战案例，一起来看一下。

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

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

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

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

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

1	`<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>方式

1	`<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>

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » html文件中include文件内容应该如何使用

html文件中include文件内容应该如何使用

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论