得知互动
标题:
在html文件里include文件内容的方法小结
[打印本页]
作者:
swmozowtfl
时间:
2015-7-26 20:48
标题:
在html文件里include文件内容的方法小结
在论坛中常常有网友问到，可以在一个html的文件当中读取另一个html文件的内容吗？答案是确定的，而且方法不只一种，在以前我只会使用iframe来引用，后来发现了另外的几种方法，那今天就总结这几种方法让大家参考一下，本人觉得第三种方式较好！
0 \ O2 h2 t" ^3 T! a
在html文件引入其它html文件的几种方法
+ E" ~4 a# k6 t" B- @5 s
1.iframe引入，看看下面的代码
% L v! B/ ? a* O1 ~$ y4 g
代码如下:
) X2 W% ^9 h. h/ {4 D
<iframe name=content_frame width=100% height=40 marginwidth=0 marginheight=0 src=import.htm ></iframe>
: E; P$ t. [4 ?. l2 a
你会看到一个外部引入的文件，但会发现有一个类似外框的东西将其包围，可使用
0 ]6 ~# ]2 d1 H8 r# H. R% M
代码如下:
0 E! [( V8 z8 z, \/ w6 L
<iframe name=content_frame marginwidth=0 marginheight=0 width=100% height=40 src=import.htm frameborder=0></iframe>
h5 g# G3 M. @0 N* x+ J
但你会发现还会有点问题，就是背景色不同，你只要在引入的文件import.htm中使用相同的背景色也可以，但如果你使用
, k+ B3 E: z3 b0 D$ D2 r& X
的是ie5.5的话，可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加
$ n* n4 }5 I% w
入scroll=no
) z4 b$ O. f% E" l
*缺点：无法做导航跳转，在iframe里面跳转，内容叠加出现
$ `# @' ?. C) }% L' B B+ [
2.<object>方式
( }$ P1 w/ n# ^: S% b. R
代码如下:
* i* \: N% ^$ I6 a2 z/ @
<object style=border:0px type=text/x-scriptlet data=import.htm width=100% height=30></object>
$ N( E* w/ b0 ?+ U5 z! A
object 标签 — 定义一个内嵌的物件(例如:图像, 媒体, 代码 etc)
$ _! A6 c- G! _1 u
* 不符合标准网页设计的理念,已经被标准网页设计抛弃.
+ X+ d2 A" v, C5 f( X/ V
3.behavior的download方式
; u& z; B2 s' Z$ s
代码如下:
/ L6 g7 \& A% ~4 M$ u' @
<span id=showimport></span>
4 O! ]) c" C9 i, S
<ie:download id=odownload style=behavior:url(#default#download) />
S# _. I6 }0 l1 ]0 v) ?+ ]
<script>
' @1 @( p6 m+ S# r+ w) Q' I+ ^ i5 @
function ondownloaddone(downdate){
" H5 G- {- t3 J9 e
showimport.innerhtml=downdate
5 i! i7 h) W1 _) A2 Q' }
}
6 n3 c/ w- ?+ j' A- O9 m
odownload.startdownload('import.htm’,ondownloaddone)
* T! ~9 \6 e" h
</script>
7 Z" Z& e4 u8 E6 X& `3 R0 o' T
2 q- @3 \& G- z2 O# ]! i& h; c) r
更多网页制作信息请查看： 网页制作
作者:
wwzcdenleclv
时间:
2016-1-8 21:06
系统居然怀疑我灌水，我身边又没有水龙头。哦…明白了，身上有一个……
作者:
wwdu926a
时间:
2016-1-8 21:07
此贴有意思~
作者:
Mqokjdvq
时间:
2016-1-8 21:07
这就是我斗胆的一点粗略分析，每天睡觉以前，我都会把您的帖子再三拜读，拜读。
作者:
tohme
时间:
2016-1-8 21:07
哈哈~~~相比现在没人在了 吧 哈哈~~~~
作者:
bqtklouu
时间:
2016-1-8 21:07
我也不知道了~~你把我问蒙了 呵呵
作者:
seazvyt
时间:
2016-3-31 14:41
呵呵 没事怎么有点被讽刺的味道啊
作者:
alapScady
时间:
2016-3-31 14:42
说嘛1~~~想说什么就说什么嘛~~
作者:
seazvyt
时间:
2016-3-31 14:42
哈 你逗逗他啊
作者:
effoggikeftor
时间:
2016-3-31 14:43
嘻嘻~` 要是只看你的话~`~`` 很容易让人家以为你也跟偶们一样是天使类~`（偷笑中````````
欢迎光临 得知互动 (https://bbs.dezhifl.com/)
Powered by Discuz! X5.0