iframe 优缺点 & visibility=hidden, opacity=0，display:none

iframe是用 <iframe>标签在页面中嵌套其他页面。
优点：
1.只需要修改<iframe>内容，被嵌套的网页内容就可被一致修改，方便
2.可以用iframe嵌套加载缓慢的第三方内容如图标和广告
3.可以把嵌入的网页完整显示出来
缺点：
1.阻塞页面的 onload
2.和 主页面 共享连接池，浏览器对 相同域的 连接有限制，所以 导致 加载缓慢
3.iframe 如果过多，会在页面中 出现滚动条，用户体验差
4.兼容性 差，很多 移动设备 无法显示
5.增加 http 请求数
6.搜索引擎 爬虫 不能很好处理 iframe 中内容，不利于  SEO(搜索引擎优化)

 

visibility=hidden, opacity=0，display:none

opacity=0，透明度为0，不可见，但不会改变页面布局，该元素仍然在dom树中存在，并且，如果该元素已经绑定一

些事件，如click事件，那么点击该区域，也能触发点击事件的。  
visibility=hidden，该元素隐藏起来了，但不会改变页面布局，在dom树中存在，但是不会触发该元素已经绑定的

事件。display=none，把元素隐藏起来，并且会改变页面布局，可以理解成在页面中把该元素删除掉一样，dom树中

不存在。