所在的位置: html >> html前景 >> iframe标签用法详解

iframe标签用法详解

北京皮炎医院好 http://baidianfeng.39.net/a_yufang/210612/9057338.html

有人说,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出现后就被统一处理了,所以这个标签使用的情况少了很多




转载请注明:http://www.aierlanlan.com/cyrz/2799.html