月光博客 » 网站建设 » 在HTML文件引入其它HTML文件的几种方法

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

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

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

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

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

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

  但你会发现还会有点问题,就是背景色不同,你只要在引入的文件import.htm中使用相同的背景色也可以,但如果你使用的是IE5.5的话,可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加入scroll=no

  2.<object>方式

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

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

顶一下 ▲()   踩一下 ▼()

相关文章

  1. 1
    膜蛤网   说道:
    10年前的文章,多好的文章啊,咋就木有人顶呢?

    挖坟×偷偷的路过……
    支持(9反对(2回复
  1. 2
    你猜   说道:
    感谢提供方法!
    支持(5反对(0回复
  1. 3
    北飞的企鹅   说道:
    12年前的文章,多好的文章啊,咋就木有人顶呢?

    挖坟×偷偷的路过……
    支持(2反对(0回复
  1. 4
    葫芦娃救爷爷   说道:
    12年前的文章,多好的文章啊,咋就木有人顶呢?
    挖坟x偷偷的路过……
    支持(1反对(0回复
  1. 5
      说道:
    13年前的文章,多好的文章啊,咋就木有人顶呢?
    支持(0反对(0回复
  1. 6
    学习网   说道:
    5年前的文章,多好的文章啊,咋就木有人顶呢?

    挖坟×偷偷的路过……
    支持(12反对(15回复

发表留言