在论坛中常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,而且方法不只一种,在以前我只会使用iframe来引用,后来发现了另外的几种方法,那今天就总结这几种方法让大家参考一下,本人觉得第三种方式较好!
在html文件引入其它html文件的几种方法
1.IFrame引入,看看下面的代码
复制代码代码如下:
<IFRAME NAME="content_frame" width=100% height=40 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>
你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用
复制代码代码如下:
<iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=40 src="/UploadFiles/2021-03-30/import.htm">
但你会发现还会有点问题,就是背景色不同,你只要在引入的文件import.htm中使用相同的背景色也可以,但如果你使用
的是IE5.5的话,可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加
入scroll=no
*缺点:无法做导航跳转,在iframe里面跳转,内容叠加出现
2.<object>方式
复制代码代码如下:
<object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>
object 标签 — 定义一个内嵌的物件(例如:图像, 媒体, 代码 etc)
* 不符合标准网页设计的理念,已经被标准网页设计抛弃.
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>
html,include
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。