• 首页

  • 文章归档

  • 友情链接

  • 关于页面
R u n o o b
R u n o o b

枫之随刃

获取中...

12
10
前端面试题

前端知识7 iframe框架都有哪些优缺点?

发表于 2020-12-10 • 被 14 次浏览

优点

  • 重载页面时不需要重载整个页面,只需要重载页面中的一个框架页
  • 技术易于掌握,使用方便,可主要应用于不需搜索引擎来搜索的页面
  • 方便制作导航栏
  • 可以实现异步刷新,单个 iframe 刷新不影响整体窗口的刷新(可以实现无刷新上传,在 FormData 无法使用时)
  • 可以实现跨域,每个 iframe 的源都可以不相同(方便引入第三方内容)
  • 多页面应用时,对于共同的 header, footer 可以使用 iframe 加载,拆分代码(导航栏的应用)

缺点

  • 会产生很多页面,不容易管理
  • *不容易打印
  • 对浏览器搜索引擎不友好
  • 多框架的页面会增加服务器的http请求
  • 每一个 iframe 都对应着一个页面,也就意味着多余的 css, js 文件的载入,会增加请求的开销
  • 如果 iframe 内还有滚动条,会严重影响用户体验
  • window.onload 事件会在所有 iframe 加载完成后才触发,因此会造成页面阻塞
分享到:
前端知识8 浏览器内多个标签页之间的通信方式有哪些?
前端知识6 简述超链接target属性的取值和作用
  • 文章目录
  • 站点概览
枫之随刃

帅哥枫之随刃

弱小和无知不是生存的障碍,傲慢才是。

Github QQ Email RSS
最热文章 Top5
  • springboot源码解析:启动过程 163次查看
  • 素材资源 112次查看
  • java中synchronized的底层实现 101次查看
  • 两个线程交替顺序打印出数字1-10 86次查看
  • Spring事务传播行为详解 71次查看

Copyright © 2021 枫之随刃 · 陕ICP备20011248号

Proudly published with Halo · Theme by fyang · 站点地图