swmozowtfl 发表于 2015-7-26 20:48:05

在html文件里include文件内容的方法小结

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

更多网页制作信息请查看: 网页制作

Mqokjdvq 发表于 2016-1-8 21:07:13

这就是我斗胆的一点粗略分析,每天睡觉以前,我都会把您的帖子再三拜读,拜读。

tohme 发表于 2016-1-8 21:07:35

哈哈~~~相比现在没人在了 吧 哈哈~~~~

wwzcdenleclv 发表于 2016-1-8 21:06:50

系统居然怀疑我灌水,我身边又没有水龙头。哦…明白了,身上有一个……

bqtklouu 发表于 2016-1-8 21:07:38

我也不知道了~~你把我问蒙了 呵呵

wwdu926a 发表于 2016-1-8 21:07:12

此贴有意思~

effoggikeftor 发表于 2016-3-31 14:43:01

嘻嘻~` 要是只看你的话~`~`` 很容易让人家以为你也跟偶们一样是天使类~`(偷笑中````````

alapScady 发表于 2016-3-31 14:42:02

说嘛1~~~想说什么就说什么嘛~~

seazvyt 发表于 2016-3-31 14:42:52

哈 你逗逗他啊

seazvyt 发表于 2016-3-31 14:41:50

呵呵 没事怎么有点被讽刺的味道啊
页: [1]
查看完整版本: 在html文件里include文件内容的方法小结