再谈Iframe的问题


再谈Iframe的问题
2010年11月19日
  转载自:http://www.js8.in/638.html
  iframe 是可以做的事情非常多,比如通过iframe实现跨域 ,使用iframe解决IE6下select遮挡不住的问题 ,通过iframe解决Ajax的前进后退 问题,再比如通过iframe实现异步上传。在很早我就写过一篇文章说明了Iframe在IE、firefox下的一些DOM操作 。今天结合最近项目中遇见的iframe问题 ,再来谈谈iframe的一些常见问题解决方案。 在firefox下,iframe背景默认的是透明的,在IE下默认不是透明的,我们可以使用allowTransparency='true'  来设置IE下的iframe为透明,另外我们使用scrolling ='no' frameborder='0' 分别来实现iframe页面没有滚动条,边框宽度。 iframe有的时候在IE6中会出现不显示的问题,主要有以下几种原因,请一一排查: 可能你的iframe没有设置宽高,例如在table不居中,计算不出来td的高度,会导致这种问题
  尝试使用下面的代码来重新载入IE6下的iframe页面:
  setTimeout(function(){ document.frames['fuckIE6'].location.reload(); },0);
  传闻iframe标签中不要把src紧跟在iframe之后,也就是 是错误的,不过我没有碰见过类似的问题,为了保险起见,还是不要写成上面的样式为妙。
  如果遇见了iframe跨子域的问题,可以尝试在父窗口和子窗口添加document.domain="js8.in" 来解决。 iframe的DOM操作,我在《使用JavaScript在IE和Firefox下进行iframe的DOM操作 》中已经讲解的比较详细,并且有详细的演示 ,在子窗口B操作子窗口A的时候,我使用的是通过子窗口B操作父窗口来间接操作子窗口A,也就是说通过parent来选择子窗口A然后再对其进行操作。不要使用子窗口B来创建一个DOM对象然后插入到父窗口。因为这样的操作会在IE下出错!例如下面的例子:
  子窗口中的js代码: 上面的代码会在IE出现问题,所以正确的方法是: 也就是通过父窗口创建DIV标签,然后在插入到body之后。

猜你喜欢

转载自mu380mu.iteye.com/blog/1363527