返回列表 发新帖

在html文件里include文件内容的方法小结

505.0k 9
swmozowtfl 发表于 2015-7-26 20:48:05|湖北 | 查看全部 阅读模式
在论坛中常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,而且方法不只一种,在以前我只会使用iframe来引用,后来发现了另外的几种方法,那今天就总结这几种方法让大家参考一下,本人觉得第三种方式较好!" g" h& ~- D3 ?0 y
在html文件引入其它html文件的几种方法* E9 b7 \3 Q+ M( k/ c2 ^0 ^
1.iframe引入,看看下面的代码6 ?  c+ V! N4 T! f3 R: B1 M- G  X* q7 w
代码如下:# p7 w7 W& g# c. ~
<iframe name=content_frame width=100% height=40 marginwidth=0 marginheight=0 src=import.htm ></iframe>
) D8 m4 ?. F# d2 o你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用
! U+ B( C8 _1 f0 Z代码如下:
8 N( y  M8 Q7 E: ^6 B9 l
<iframe name=content_frame marginwidth=0 marginheight=0 width=100% height=40 src=import.htm frameborder=0></iframe>. l" d9 \! W  \+ B8 p4 W1 P
但你会发现还会有点问题,就是背景色不同,你只要在引入的文件import.htm中使用相同的背景色也可以,但如果你使用
" _7 f# _7 T/ s6 h) V8 |& b的是ie5.5的话,可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加
  E; [2 P. }+ C3 @入scroll=no" \7 C4 N' |2 E1 }( }, ?& n; R& k" u
*缺点:无法做导航跳转,在iframe里面跳转,内容叠加出现3 l# @2 R: ~$ H% e( R  V$ h$ F
2.<object>方式
, f9 K, u% o9 B" P& a$ ~" q6 v代码如下:# n6 b8 J$ K8 F
<object style=border:0px type=text/x-scriptlet data=import.htm width=100% height=30></object>
4 p0 a1 Q! n; O, P1 a; N' M: Oobject 标签 — 定义一个内嵌的物件(例如:图像, 媒体, 代码 etc)6 o! p! V: }* {5 i
* 不符合标准网页设计的理念,已经被标准网页设计抛弃.0 M  O3 j8 P# ^) ]* g  q' f4 T4 f( q
3.behavior的download方式
, p* }! v; _% f) H: _1 O+ c代码如下:
6 Z/ a+ j& d) f$ p# N  ~0 R# H
<span id=showimport></span>" ]8 j( e2 @. s# `& M
<ie:download id=odownload style=behavior:url(#default#download) />  R9 ]' |) ?9 d4 C* l$ X
<script>
8 v0 M- S$ i9 ^; H6 v' `/ ~- ~, hfunction ondownloaddone(downdate){
" U8 G  l9 ^$ i" S8 Ushowimport.innerhtml=downdate
( Z# F2 |- u% n}
9 m: _- y+ y. d% }" U+ v- a: Bodownload.startdownload('import.htm’,ondownloaddone)& I- {2 X7 o+ q/ t  R4 S% h3 ?
</script>+ ?  ], L9 S! N/ k- u
! q. a" S1 S9 O* \+ t3 i  k! p
更多网页制作信息请查看: 网页制作

回复|共 9 个

Mqokjdvq 发表于 2016-1-8 21:07:13|美国 | 查看全部
这就是我斗胆的一点粗略分析,每天睡觉以前,我都会把您的帖子再三拜读,拜读。
tohme 发表于 2016-1-8 21:07:35|欧洲和中东地区 | 查看全部
哈哈~~~相比现在没人在了 吧 哈哈~~~~
wwzcdenleclv 发表于 2016-1-8 21:06:50|内网 | 查看全部
系统居然怀疑我灌水,我身边又没有水龙头。哦…明白了,身上有一个……
bqtklouu 发表于 2016-1-8 21:07:38|葡萄牙 | 查看全部
我也不知道了~~你把我问蒙了 呵呵
wwdu926a 发表于 2016-1-8 21:07:12|美国 | 查看全部
此贴有意思~
effoggikeftor 发表于 2016-3-31 14:43:01|美国 | 查看全部
嘻嘻~` 要是只看你的话~`~`` 很容易让人家以为你也跟偶们一样是天使类~`(偷笑中````````
alapScady 发表于 2016-3-31 14:42:02|Reserved | 查看全部
说嘛1~~~想说什么就说什么嘛~~
seazvyt 发表于 2016-3-31 14:42:52|美国 | 查看全部
哈 你逗逗他啊
seazvyt 发表于 2016-3-31 14:41:50|广东 | 查看全部
呵呵 没事怎么有点被讽刺的味道啊

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 得知互动-专注Ai与站长技术交流社区-Ai交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表