优点:
可以实现异步刷新,单个iframe刷新不影响整体窗口的刷新,可以实现无刷新上,可以实现跨域,每个iframe的源可以不相同(方便引入第三方内容)
多页面应用时,对于共同的 header
, footer
可以使用 iframe
加载,拆分代码(导航栏的应用)
缺点:
- 每一个
iframe
都对应着一个页面,也就意味着多余的css
,js
文件的载入,会增加请求的开销 - 如果
iframe
内还有滚动条,会严重影响用户体验 window.onload
事件会在所有iframe
加载完成后才触发,因此会造成页面阻塞