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 相关文章推荐
jQuery的实现原理的模拟代码 -1 核心部分
Aug 01 Javascript
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
Mar 30 Javascript
javascript使用中为什么10..toString()正常而10.toString()出错呢
Jan 11 Javascript
JS删除数组元素的函数介绍
Mar 27 Javascript
创建js对象和js类的方法汇总
Dec 24 Javascript
基于insertBefore制作简单的循环插空效果
Sep 21 Javascript
Sublime Text新建.vue模板并高亮(图文教程)
Oct 26 Javascript
对angular4子路由&amp;辅助路由详解
Oct 09 Javascript
简单了解node npm cnpm的具体使用方法
Feb 27 Javascript
在vue中使用setInterval的方法示例
Apr 16 Javascript
js实现时分秒倒计时
Dec 03 Javascript
vue 子组件watch监听不到prop的解决
Aug 09 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
PHP文件下载类
2006/12/06 PHP
php检测apache mod_rewrite模块是否安装的方法
2015/03/14 PHP
关于PHP中字符串与多进制转换函数的实例代码
2016/11/03 PHP
PHP用函数嵌入网站访问量计数器
2017/10/27 PHP
关于Anemometer图形化显示MySQL慢日志的工具搭建及使用的详细介绍
2020/07/13 PHP
php实现JWT验证的实例教程
2020/11/26 PHP
javascript 流畅动画实现原理
2009/09/08 Javascript
JavaScript 字符串处理函数使用小结
2010/12/02 Javascript
EasyUI的treegrid组件动态加载数据问题的解决办法
2011/12/11 Javascript
开发 Internet Explorer 右键功能表(ContextMenu)
2013/07/03 Javascript
浮动的div自适应居中显示的js代码
2013/12/23 Javascript
JS获取当前日期时间并定时刷新示例
2021/03/04 Javascript
ie8下修改input的type属性报错的解决方法
2014/09/16 Javascript
浅谈javascript中的闭包
2015/05/13 Javascript
jquery及js实现动态加载js文件的方法
2016/01/21 Javascript
nodejs实例解析(输出hello world)
2017/01/03 NodeJs
vue--vuex详解
2019/04/15 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
2020/06/28 Javascript
vue实现列表拖拽排序的功能
2020/11/02 Javascript
[08:44]和酒神一起战斗 DOTA2教你做大人
2014/03/27 DOTA
Python实现的十进制小数与二进制小数相互转换功能
2017/10/12 Python
深入理解python中函数传递参数是值传递还是引用传递
2017/11/07 Python
python线程中同步锁详解
2018/04/27 Python
python 读取文件并替换字段的实例
2018/07/12 Python
pycharm下pyqt4安装及环境配置的教程
2020/04/24 Python
python让函数不返回结果的方法
2020/06/22 Python
浅谈Python3中print函数的换行
2020/08/05 Python
浅谈Python描述数据结构之KMP篇
2020/09/06 Python
如何用Python提取10000份log中的产品信息
2021/01/14 Python
食品安全工作实施方案
2014/03/26 职场文书
2014年学雷锋活动总结
2014/06/26 职场文书
三月学雷锋活动总结
2014/06/26 职场文书
党员干部民主生活会议批评与自我批评材料
2014/09/20 职场文书
争先创优个人总结
2015/03/04 职场文书
2019年“红色之旅”心得体会1000字(3篇)
2019/09/27 职场文书
Javascript的promise,async和await的区别详解
2022/03/24 Javascript