![2b7333e0a2039258ba9e53ad384581bb.png](https://img-blog.csdnimg.cn/img_convert/2b7333e0a2039258ba9e53ad384581bb.png)
在一个页面中如果想嵌套子页面,应该能想到iframe,的确它之前的应用非常广泛,它可以实现无缝刷新,模拟onhashchange跨域,安全的加载第三方资源与广告,实现富文本编辑,文件上传,用它搞定IE6-IE7的select BUG(select标签会移到遮罩层的上面来,可以使用iframe遮住)。不过后来因为一些iframe本身的缺陷,出于安全性的考虑,如今渐渐的淡出的大家的视角。
经验技巧与破坑
IE下设置iframe的透明
- iframe自身设置allowTransparency属性为true.(但设置了allowTransparency=true,就遮不住select了)
- iframe中的文档(src指向的页面),background-color或body元素的bgColor属性必须设置为transparent。
获取window对象
- 在iframe内获取window对象只能获取到当前iframe内的对象,获取父页面的方法只需在方法前面加上parent,
- 必须parent.window就找到的是父元素的window对象,父页面控制子页面只用document.frames(iframe的name)ducument.frames('myiframe').document.