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

一个jsp页面引入另一个jsp页面的三种方式 及静态引入和动态引入的区别

1.第一种:jstl  import   c:import url="inlayingJsp.jsp">c:import>  2. 第二种:jsp include指令 include...
  • qq375688290
  • qq375688290
  • 2017年12月01日 22:07
  • 31

CSS的四种引入方式

在HTML中引入CSS的方法主要有四种,它们分别是行内式、内嵌式、链接式和导入式。 1.行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。 2.内嵌式...
  • Mrcxt
  • Mrcxt
  • 2016年07月25日 19:02
  • 19118

Webpack引入jquery及其插件的几种方法

在webpack中引入jquery很困难,引入jquery插件更困难,本文提供了多种方法在webpack项目中引入jquery及其相关插件。...
  • yiifaa
  • yiifaa
  • 2016年07月15日 12:01
  • 38504

网页公共部分引入的几种方法简述

         开发过程中会遇到这样的问题,一个网站的头部尾部固定,几乎出现在每个页面之中,也或许其中的某些模块反复使用,这时为了做到一次编写,多处使用的功效,我们就会想要去将这部分的代码放在...
  • u012998394
  • u012998394
  • 2014年07月06日 20:32
  • 4280

HTML中引入CSS文件的几种方法

概况来说有以下四种:        1.行内式:也称内联式,在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势;        2.嵌入式:将CSS样式集中写在网页的标签对的标签对...
  • lvlongyin
  • lvlongyin
  • 2016年05月10日 21:24
  • 7914

引入公共html页面的几种方法

很多人问有什么方法不用模板引擎在普通静态html页面导入公共的html页面,比如header.html, footer.html, 在这里我是这样做的,自己写了一个include.js inc...
  • zhangwenwu2
  • zhangwenwu2
  • 2017年02月27日 18:02
  • 6087

实现线程同步的几种方式

为何要使用同步?java允许多线程并发控制,当多个线程同时操作一个可共享的资源变量时(如数据的增删改查), 将会导致数据不准确,相互之间产生冲突,因此加入同步锁以避免在该线程没有完成操作之...
  • Small_Lee
  • Small_Lee
  • 2016年05月19日 13:06
  • 17712

css有几种引入方式

1.使用HTML标签的STYLE属性 将STYLE属性直接加在单个的HTML元素标签上,控制HTML标签的表现样式。这种引入CSS的方式是分散灵活方便,但缺乏整体性和规划性,不利于后期的修改和维护,当...
  • xiongwanfeng
  • xiongwanfeng
  • 2017年07月08日 11:40
  • 163

Java创建对象的几种方式

Java创建有四种方式: (1)用new 语句创建对象,这是最常用的创建对象方法。 (2)运用反射手段,调用java.lang.Class或者java.lang.reflect.Construct...
  • u013230804
  • u013230804
  • 2014年05月14日 20:43
  • 6635

servlet调用的几种方式

参见 文库/java/javaEE全新学习教程2.2节 1.通过URL调用 2通过提交表单 3超链接 4 javascript写一个函数,调用这个函数 1,首先在工程的WebRoot文件夹下建...
  • u014199750
  • u014199750
  • 2014年07月02日 21:20
  • 5835
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:在html文件引入其它html文件的几种方法
举报原因:
原因补充:

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