JS加载iFrame出现空白问题的解决办法
2016-07-01来源:易贤网

在使用IE6浏览器开发过程中出现各种奇葩问题,非常棘手,费劲脑汁终于问题解决。特此把我的问题描述及解决办法分享到脚本之家平台,帮助那些遇到此问题的朋友。

1、js加载iframe出现空白

iframeID 是加载的 Iframe ID号,修改成自己用的即可。

<iframe name="frames" id="iframeID" src=""/>

setTimeout("document.frames['"+iframeID+"'].location.href='"+iurls+"';",0);

//或

setTimeout("document.frames['"+iframeID+"'].location.reload();",0);

觉着,还是第一种方式较合适,不用判断IE版本,IE6及以上版本都能顺利执行,只加载一次。

还有网友说IE6下 iframe的src 紧靠<iframe的时候也会出现空白,我测试的暂没发现问题。

2、Button点击提交form无响应

代码如下:

setTimeout("form1.submit();",0);

也是用setTimeout 做下延迟执行。

下面给大家介绍如何提高iframe加载慢

解决办法如下所示:

<iframe name="E" u="http://www.google.com" k="0" src="javascript: void(0)" onload="alert('加载完成')"></iframe>

<button onclick="aa('E')">google</button>

<script defer="">

function aa(o_w)

{

var _z=document.all(o_w);

if (_z.k=='1') { alert('页面已加载'); return; }

_z.k='1';

_z.src=_z.u;

}

</script>

以上就是本文的全部内容,希望对大家有所帮助!

2026公务员·事业单位培训课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息