在论坛中常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,而且方法不只一种,在以前我只会使用iframe来引用,后来发现了另外的几种方法,那今天就总结这几种方法让大家参考一下,本人觉得第三种方式较好!& l: Z4 Z. }9 u7 B/ ~
在html文件引入其它html文件的几种方法
4 ?. p" E7 n% `1.iframe引入,看看下面的代码3 F, r$ f0 ~# U6 j' K8 b
代码如下:
! C- l% ?4 W+ z5 A<iframe name=content_frame width=100% height=40 marginwidth=0 marginheight=0 src=import.htm ></iframe># K4 o6 O, p. @) j/ |/ \2 }- |
你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用* [) ] Y# B' w. ~9 ~5 M* A* y! w
代码如下:9 k4 G8 v+ {5 L l* a& l8 ]2 p
<iframe name=content_frame marginwidth=0 marginheight=0 width=100% height=40 src=import.htm frameborder=0></iframe>
1 p. |& j1 L1 U$ `但你会发现还会有点问题,就是背景色不同,你只要在引入的文件import.htm中使用相同的背景色也可以,但如果你使用* Z+ z6 E: @4 j1 {5 ]! w# ?0 }1 a
的是ie5.5的话,可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加
: h: ]# c6 d4 ?& {9 u入scroll=no
1 A' l7 ^0 T5 ?$ c2 e8 y) Q*缺点:无法做导航跳转,在iframe里面跳转,内容叠加出现) C: ]2 x" z4 s) f; k6 W5 w
2.<object>方式* |, i/ ~, G( C3 \5 b; ~
代码如下:; { b" {/ A1 [, H5 g
<object style=border:0px type=text/x-scriptlet data=import.htm width=100% height=30></object>* w8 [5 m# @; X* s
object 标签 — 定义一个内嵌的物件(例如:图像, 媒体, 代码 etc)* h0 r; G. @9 U# ^1 @) y/ |
* 不符合标准网页设计的理念,已经被标准网页设计抛弃.
8 F9 Y* @5 g" ^- K8 ~3.behavior的download方式+ ^9 Q$ m' [, S6 O' w( @& V3 @
代码如下:' \8 M# C3 O, a# N
<span id=showimport></span>
% f7 P$ X7 }5 J/ }. U<ie:download id=odownload style=behavior:url(#default#download) />3 [, e9 m+ p( B; Z& H j: Q5 s' E! i
<script>
, u M( ]1 O! H# r) qfunction ondownloaddone(downdate){
. `5 p) [. a y2 V' fshowimport.innerhtml=downdate
9 n# k, | @- w Y}6 D- F% [$ h- l4 r/ [
odownload.startdownload('import.htm’,ondownloaddone)
: u& ~, x( g: G</script>6 B( j5 c% b4 n
G8 ]+ C9 a$ g& G' M) o9 @: X
更多网页制作信息请查看: 网页制作 |
|