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


Posted in Javascript onMay 13, 2016

在使用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>

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

Javascript 相关文章推荐
通过JavaScript控制字体大小的代码
Oct 04 Javascript
jquery中的过滤操作详细解析
Dec 02 Javascript
JQUERY简单按钮轮换选中效果实现方法
May 07 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
Dec 27 Javascript
js按条件生成随机json:randomjson实现方法
Apr 07 Javascript
Vue2.0利用vue-resource上传文件到七牛的实例代码
Jul 28 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
Jan 22 Javascript
vue监听键盘事件的快捷方法【推荐】
Jul 11 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
Jul 31 Javascript
JavaScript实现简单随机点名器
Nov 21 Javascript
JavaScript组合继承详解
Nov 07 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
May 13 #Javascript
JS iFrame加载慢怎么解决
May 13 #Javascript
基于JS实现的笛卡尔乘积之商品发布
May 13 #Javascript
基于jQuery倒计时插件实现团购秒杀效果
May 13 #Javascript
js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码
May 13 #Javascript
最简单的tab切换实例代码
May 13 #Javascript
浅析创建javascript对象的方法
May 13 #Javascript
You might like
Smarty foreach控制循环次数的实现详解
2013/07/03 PHP
php多文件上传下载示例分享
2014/02/20 PHP
php几个预定义变量$_SERVER用法小结
2014/11/07 PHP
7个鲜为人知却非常实用的PHP函数
2015/07/01 PHP
CI框架网页缓存简单用法分析
2018/12/26 PHP
详解Laravel服务容器的绑定与解析
2019/11/05 PHP
jquery 学习笔记 传智博客佟老师附详细注释
2020/09/12 Javascript
JavaScript中的isXX系列是否继续使用的分析
2011/04/16 Javascript
JavaScript控制Session操作方法
2013/01/17 Javascript
javascript判断非数字的简单例子
2013/07/18 Javascript
javascript中的undefined和not defined区别示例介绍
2014/02/26 Javascript
Javascript获取当前时间函数和时间操作小结
2014/10/01 Javascript
js实现div弹出层的方法
2014/11/20 Javascript
JS+CSS实现Li列表隔行换色效果的方法
2015/02/16 Javascript
JS实现横向拉伸动感伸缩菜单效果代码
2015/09/04 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
2016/01/26 Javascript
Javascript基础知识盲点总结之函数
2016/05/15 Javascript
概述VUE2.0不可忽视的很多变化
2016/09/25 Javascript
浅谈JavaScript find 方法不支持IE的问题
2017/09/28 Javascript
[54:06]OG vs TNC 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[02:36]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma 选手采访
2021/03/11 DOTA
python3访问sina首页中文的处理方法
2014/02/24 Python
python实现删除文件与目录的方法
2014/11/10 Python
Python实现一个简单的验证码程序
2017/11/03 Python
在Python中获取两数相除的商和余数方法
2018/11/10 Python
解决Django中修改js css文件但浏览器无法及时与之改变的问题
2019/08/31 Python
Python + Flask 实现简单的验证码系统
2019/10/01 Python
Django3.0 异步通信初体验(小结)
2019/12/04 Python
Python3实现mysql连接和数据框的形成(实例代码)
2020/01/17 Python
PyCharm 在Windows的有用快捷键详解
2020/04/07 Python
Python通过yagmail实现发送邮件代码解析
2020/10/27 Python
CSS3实现多背景展示效果通过CSS3定位多张背景
2014/08/10 HTML / CSS
路德维希•贝克(LUDWIG BECK)中文官网:德国大型美妆百货
2020/09/19 全球购物
公司会计主管岗位责任制
2014/03/01 职场文书
体现团队精神的口号
2014/06/06 职场文书
音乐幼师求职信
2014/07/09 职场文书