在论坛中常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,而且方法不只一种,在以前我只会使用iframe来引用,后来发现了另外的几种方法,那今天就总结这几种方法让大家参考一下,本人觉得第三种方式较好!
1 _$ Z8 n. A) X) H在html文件引入其它html文件的几种方法
/ ], x6 A$ r/ N9 @1.iframe引入,看看下面的代码3 {9 U8 V- B! h: P+ Q" q+ A, P% M
代码如下:
8 j% O+ F* V i6 k N) k+ t7 v<iframe name=content_frame width=100% height=40 marginwidth=0 marginheight=0 src=import.htm ></iframe>
" o# q7 a6 n, g' F9 a9 g$ W. @你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用6 m1 r4 ^# ?5 s6 j0 R m6 p
代码如下:
2 C( f7 G9 k( G! {* H5 |' o<iframe name=content_frame marginwidth=0 marginheight=0 width=100% height=40 src=import.htm frameborder=0></iframe>
; u& Y, a0 r: J& U4 U1 b% y但你会发现还会有点问题,就是背景色不同,你只要在引入的文件import.htm中使用相同的背景色也可以,但如果你使用8 |4 r: ?$ v# v
的是ie5.5的话,可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加. c9 M2 q, L! C
入scroll=no: ?) `4 j3 M# f4 c" N; m- {7 H
*缺点:无法做导航跳转,在iframe里面跳转,内容叠加出现$ O& ~0 J& }, U C& e J
2.<object>方式, s% t+ R; G/ @
代码如下:
/ r/ O8 C* C$ q8 ?, L z<object style=border:0px type=text/x-scriptlet data=import.htm width=100% height=30></object>+ }! Y& [ j/ E) }: W4 f
object 标签 — 定义一个内嵌的物件(例如:图像, 媒体, 代码 etc)
% l; [' u- v% p: V W2 D |7 O* 不符合标准网页设计的理念,已经被标准网页设计抛弃.. x' G- m) w% @) _6 q
3.behavior的download方式4 q$ `, A8 `" s/ i! J
代码如下:
+ a- R) o( h" e' x<span id=showimport></span>
4 b7 K2 T' |9 m% R: }& s- l- a8 W<ie:download id=odownload style=behavior:url(#default#download) />
! O8 }0 T% f2 ^<script>
+ l; M5 ^) I6 \, S: I$ Cfunction ondownloaddone(downdate){
& a/ O- V2 D/ K. D7 ] ^showimport.innerhtml=downdate2 m9 `1 N! w3 T) c6 { L9 l
}
( @& m. Y' T( g/ t9 V9 ~$ \" I% f. codownload.startdownload('import.htm’,ondownloaddone): N# {2 P4 e8 Q5 |7 c
</script>
/ g% O: }* \* y, m4 l" Z
; V7 K) n8 f" {9 r& k5 a o# }更多网页制作信息请查看: 网页制作 |
|