JS加载iFrame出现空白问题的解决办法

前端技术 2023/09/02 JavaScript

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

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>

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

本文地址：https://www.stayed.cn/item/5018

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案