有人说,iframe是能耗最高的一个元素,尽量减少使用。
也有人说,iframe的安全性太差,尽量减少使用。
虽然他们说的是真的,但是iframe的强大功能是不容忽视的,而且现在不乏公司正在使用它。
iframe标签规定一个内联框架。一个内联框架被用来在当前HTML文档中嵌入另一个文档。
所有的主流浏览器都支持iframe标签。你可以把提示的文字放到iframe和/iframe里面,这样不支持iframe的浏览器就会出现提示的文字。
iframe元素会创建包含另外一个文档的内联框架(即行内框架)。这是官方文档的原话,有点难以理解,实际上就是在你的页面上外链一个页面出来,以窗口的形式呈现在你的页面中。
用途
提示:您可以把需要的文本放置在iframe和/iframe之间,这样就可以应对无法理解iframe的浏览器。
iframe标签是成对出现的,以iframe开始,/iframe结束
iframe标签内的内容可以做为浏览器不支持iframe标签时显示
大家如果做过那种黑色遮罩盖住整张页面,而碰巧用户用的是IE6,更碰巧的是页面上有select元素,那就有得头疼了(原理就不在这里赘述了)。我们会发现弹出的DIV没法遮住select,轮到我们的iframe出场了。逻辑如下:
与弹出div同级放入iframe
保证iframe的z-index小于弹层divz-index
增加windowresize和scroll事件,保证iframe能盖住整张页面
可以用于嵌入第三方资源,比如广告、视频或音频等等。使用iframe可以保证页面代码的简洁,还能让文挡之间有隔离不用担心相互之间有影响
在H5出现之前还能解决无刷新文件上传、长轮询等功能,但H5出现后就被统一处理了,所以这个标签使用的情况少了很多