WEB前端学习常见面试题系列：iframe的优缺点你知道吗？

2018-05-09 本文已影响42人 web前端小辰

Web前端开发工程师是一个很新的职业，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

给你学习路线，html-css-js-ajax-jq-html5-css3-bootstrap-vue.js-node.js-react.jd

针对接下来很多应届生面临找工作面试的问题，我将会总结一些前端面试常见的问题和大家分享。希望能帮助到即将进入职场的同学们。话不多说，我们开始吧。

小编推荐一个学Web前端的学习裙【五四七，三零二，三八三】，无论你是大牛还是小白，是想转行还是想入行都可以来了解一起进步一起学习！裙内有开发工具，很多干货和技术资料分享！

iframe有哪些优点？

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

2.如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。

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

4.如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决。

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

6.方便制作导航栏

iframe有哪些缺点：

1.会产生很多页面，不容易管理

2.不容易打印

3.浏览器的后退按钮无效

4.代码复杂，无法被一些搜索引擎索引到，这一点很关键，现在的搜索引擎爬虫还不能很好的处理iframe中的内容，所以使用iframe会不利于搜索引擎优化，不利于SEO。

5.多数小型的移动设备（PDA 手机）无法完全显示框架，设备兼容性差

6.多框架的页面会增加服务器的http请求，对于大型网站是不可取的。

7.iframe 会阻塞主页面的 Onload 事件

8.iframe 和主页面共享连接池，而浏览器对相同域的连接有限制，所以可能会影响页面的并行加载；

上面是关于iframe的优缺点的介绍，希望能帮助到你。