对<iframe>标签的认识

在知乎上看到很多前端工程师们并不赞成使用<iframe>,具体的原因大致可以说是阻塞页面加载,window 的 onload 事件需要在所有 <iframe >加载完毕后包含里面的元素才会触发(Safari 和 Chrome 里,通过 JavaScript 动态设置 iframe 的 SRC 可以避免这种阻塞情况)。另一个是绝大部分浏览器,主页面和其中的< iframe >是共享连接池,这篇博文有比较详细的解释http://www.williamlong.info/archives/3136.html。当然iframe还是有广泛的使用的,比如w3school的代码测试页面也使用了<iframe>,它还有很多黑魔法功能,知乎某位答主列出了很多。

H5对iframe 元素的定义:会创建包含另外一个文档的内联框架(即行内框架)。H5中新增的属性中,本人觉得常用到的是marginheight属性 marginwidth属性 frameborder属性和scrolling属性,当然src就不用说了吧。

下面贴出代码

<iframe src="./selectimage.php?p=1" width="95%" height="95%" scrolling="no" frameborder="0" marginheight="1px" marginwidth="1px"></iframe>

规定是不显示框架周围的边框,不在 <iframe >中显示滚动条,四周外边距均为1px.




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值