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

原创 2004年08月27日 16:58:00
简介:在论坛中常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,而且方法不只一种,在以前我只会使用iframe来引用,后来发现了另外的几种方法,那今天就总结这几种方法让大家参考一下,本人觉得第三种方式较好! 
1.IFrame引入,看看下面的代码 

程序代码:
 <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME> 
hn2_sunny.gif


你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用 
程序代码:
 <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="import.htm" frameborder=0></iframe>
 <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="import.htm" frameborder=0></iframe> 
hn2_sunny.gif


但你会发现还会有点问题,就是背景色不同,你只要在引入的文件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>
 <object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object> 
hn2_sunny.gif


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>

<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.16.ARM裸机第十六部分-shell原理和问答机制引入

本期课程从零开始带领大家写一个简易shell,目的是让大家对shell机制有所了解,对之前讲过的各种硬件的驱动程序做个综合应用,对环境变量、开机倒数自动运行等实现方法有个了解,以便为uboot的学习打下良好基础。
  • 2015年10月22日 09:20

html静态页面引入公共html页面

很多人问有什么方法不用模板引擎在普通静态html页面导入公共的html页面,比如header.html, footer.html, 在这里我是这样做的,自己写了一个include.js inclu...
  • u010957390
  • u010957390
  • 2016-01-14 10:19:54
  • 39119

在html引入html

header.js: /** * 引用JS和CSS头文件 */ var rootPath = getRootPath(); //项目路径 /** * 动态加载CSS和JS文件 */ var ...
  • nimeijian
  • nimeijian
  • 2016-08-18 19:20:25
  • 2009

在html文件引入其它html文件的几种方法 无忧脚本

简介:在论坛中常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,而且方法不只一种,在以前我只会使用iframe来引用,后来发现了另外的几种方法,那今天就总结这几...
  • 51JS
  • 51JS
  • 2001-05-02 03:17:00
  • 1244

如何在Html中引入外部页面

通常一个网站的head,foot,rightBar(右侧的条目)都是相同的,这部分内容可以通过引入的方式,否则一旦需要修改,就需要修改十个,二十个,乃至更多的页面,是一项既繁琐但又毫无意义的工作。借助...
  • liuyan19891230
  • liuyan19891230
  • 2016-03-29 09:33:37
  • 40396

如何在一个html文件中引入另一个html文件

利用来操作,如有A,B两个文件,现将A插入到B页面,操作如下:在B页面的的开头或者结尾写入,具体位置按照自己的需求来写即可;如:这是B页面 //使用将另外一个页面当成di...
  • weixin_37196194
  • weixin_37196194
  • 2017-02-26 11:21:16
  • 408

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

在论坛中常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,而且方法不只一种,在以前我只会使用iframe来引用,后来发现了另外的几种方法,那今天就总结这几种方法...
  • so554278054
  • so554278054
  • 2008-01-26 22:18:00
  • 157

在php文件里面插入文件html

有的时候我们得在php文件里面引入html代码,或者在php文件的某个位置引入文件html,下面就介绍一下实现的方法。 下面是recharge.php的代码: 充值 ...
  • tangxiujiang
  • tangxiujiang
  • 2017-10-14 09:09:50
  • 808

HTML外部文件引入

HTML中的引入最好都用相对路径,以免更换服务器或移动更目录时发生错误。 1. 图片or视频引入//图片在同层文件夹【img】中。 your browser does not support the ...
  • tuzimi
  • tuzimi
  • 2016-11-08 12:35:03
  • 465

HTML加载外部css文件的两种方法

HTML加载外部css文件的两种方法          方法1:    import url("/css.css"); -->   方法2: rel="stylesheet" type="text...
  • cexosoft
  • cexosoft
  • 2008-05-06 17:30:00
  • 20029
收藏助手
不良信息举报
您举报文章:在html文件引入其它html文件的几种方法
举报原因:
原因补充:

(最多只允许输入30个字)