如何引入html文件,html如何引入其他html文件

在做前端的时候我们也许不会意识到要用到这方面技术,因为我们都是从头至尾把一个页面实现就行,但是这个html拿到后端人员的手上,首先要讲网页拆分成多个单独的模块,然后直接调用就行了,比如说一个普通的门户网站,就得把header,footer,leftSidebar,main分成几个部分,基本上头部和底部都是公用的,就不用每个页面都去重写,了解过后台开发的同学必然知道,在类似asp网页上,调用只需,而php则更简单,<?php include_once "demo.php"?>, 但是我们前端要做一个类似这种多个模块的页面时,是不是就束手无策呢?当然不是,或许大家首先会想到用

或是iframe,接下来,咱就一起来看下除了用框架来实现,还有没有其他更简单的方式来实现,具体用哪一种就看个人了!

1.IFrame引入,看看下面的代码

你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用:

但你会发现还会有点问题,就是背景色不同,你只要在引入的文件import.htm中使用相同的背景色也可以,但如果你使用的是IE5.5的话,可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加入scroll=no

2.方式

3.Behavior的download方式

function onDownloadDone(downDate){

showImport.innerHTML=downDate

}

oDownload.startDownload('import.htm',onDownloadDone)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值