iframe的优缺点

iframe的优点:

① iframe能够原封不动地把嵌入的网页展现出来。

② 如果有多个网页调用iframe,只需要修改iframe的内容,相当于模块话

③ 网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用iframe来嵌套,可以增加代码的可重用性。

④ 如果遇到加载缓慢的第三方内容,如图标和广告等,可以用iframe来解决。相当于异步加载

5     重载页面时不需要重载整个页面,只需要重载页面中的一个框架页(减少了数据的传输,加快了网页下载速度)



iframe的缺点:

① 会产生很多页面,不容易管理。

② 在几个框架中都出现上下、左右滚动条时,这些滚动条除了会挤占已经非常有限的页面空间外,还会分散访问者的注意力。

③ 使用框架结构时,必须保证正确设置所有的导航链接,否则会给访问者带来很大的麻烦。比如被链接的页面出现在导航框架内,这种情况下会导致链接死循环。

④ 很多的移动设备(PDA手机)无法完全显示框架,设备兼容性差。

⑤ iframe框架页面会增加服务器的http请求,对于大型网站是不可取的。

6 iframe会阻塞主页面的Onload事件

7.即时内容为空,加载也需要时间

1.Iframes 阻塞页面加载

及时触发 window 的 onload 事件是非常重要的。onload 事件触发使浏览器的 “忙” 指示器停止,告诉用户当前网页已经加载完毕。当 onload 事件加载延迟后,它给用户的感觉就是这个网页非常慢。

window 的 onload 事件需要在所有 iframe 加载完毕后(包含里面的元素)才会触发。在 Safari 和 Chrome 里,通过 JavaScript 动态设置 iframe 的 SRC 可以避免这种阻塞情况。


现在基本上都是用Ajax来代替iframe,iframe已渐渐退出了前端开发。




猜你喜欢

转载自blog.csdn.net/kong_12/article/details/80361804
今日推荐