首页  >  文章  >  web前端  >  在html文件里include文件内容的方法小结_HTML/Xhtml_网页制作

在html文件里include文件内容的方法小结_HTML/Xhtml_网页制作

WBOY
WBOY原创
2016-05-16 16:36:371814浏览

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

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

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


复制代码
代码如下:


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


复制代码
代码如下:


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

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

入scroll=no

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

2.方式


复制代码
代码如下:


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

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

3.Behavior的download方式


复制代码
代码如下:



<script><br />function onDownloadDone(downDate){<br />showImport.innerHTML=downDate<br />}<br />oDownload.startDownload('import.htm&rsquo;,onDownloadDone)<br /></script>
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn