使用iframe遇到的问题

iframe的定义和用法

iframe元素会创建包含另外一个文档的内联框架（即行内框架）
可以把需要的文本放置在之间，这样就可以应对无法理解iframe的浏览器。

优点

1. 重载页面时不需要重载整个页面，只需要重载页面中的一个框架页（减少了数据的传输，增加了网页下载速度）
2. 方便制作导航栏

缺点

1. 会产生很多页面，不容易管理
2. 不容易打印
3. 浏览器的后退按钮无效
4. 代码复杂，无法被一些搜索引擎索引到
5. 多数小型的移动设备(pda手机)无法完全显示框架
6. 多框架的页面会增加服务器的http请求
7. 已经被标准网页设计抛弃
8. 样式不容易更改
   iframe也称作嵌入式框架，嵌入式框架和框架网页类似，它可以把一个网页的框架和内容嵌入到现有的网页中

### iframe阻塞页面加载 及时触发window的onload事件是非常重要的，onload事件触发使浏览器的‘忙’指示器停止，告诉用户当前网页已经加载完毕，当onload事件加载延迟后，它会给用户的感觉就是这个网页非常的缓慢。 window的onload事件需要在所有iframe加载完毕后（包含在里面的元素）才会触发。 ### 我在项目中遇到的问题 iframe会撑开子元素，有滚动条，需要设置scrolling="no"设置width:100%;height:100%; js控制 ```` var ua = navigator.userAgent.toLowerCase(); var screenwidth = window.screen.width-30; if(/phone|ipad|ipod/.test(ua)){ console.log("是ios设备"); iframe.width = screenwidth; }else{ console.log("不是ios设备") } ````