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 ajax执行后台方法
Mar 18 Javascript
Jquery插件之多图片异步上传
Oct 20 Javascript
JavaScript事件处理的方式(三种)
Apr 26 Javascript
纯JS实现可拖拽表单的简单实例
Sep 02 Javascript
微信小程序中用WebStorm使用LESS
Mar 08 Javascript
解决Extjs下拉框不显示的问题
Jun 21 Javascript
jquery 一键复制到剪切板的实例
Sep 20 jQuery
用vue2.0实现点击选中active其他选项互斥的效果
Apr 12 Javascript
Vue  webpack 项目自动打包压缩成zip文件的方法
Jul 24 Javascript
Vue js with语句原理及用法解析
Sep 03 Javascript
react的hooks的用法详解
Oct 12 Javascript
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
Jan 29 jQuery
基于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
实现“上一页”和“下一页按钮
2006/10/09 PHP
深入php数据采集的详解
2013/06/02 PHP
js 新浪的一个图片播放图片轮换效果代码
2008/07/15 Javascript
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
2010/05/22 Javascript
JavaScript 原型学习总结
2010/10/29 Javascript
解析javascript系统错误:-1072896658的解决办法
2013/07/08 Javascript
jquery提交form表单时禁止重复提交的方法
2014/02/13 Javascript
jQuery取id有.的值的方法
2014/05/21 Javascript
angularjs中的e2e测试实例
2014/12/06 Javascript
对象题目的一个坑 理解Javascript对象
2015/12/22 Javascript
angular 动态组件类型详解(四种组件类型)
2017/02/22 Javascript
bootstrap suggest下拉框使用详解
2017/04/10 Javascript
ionic+AngularJs实现获取验证码倒计时按钮
2017/04/22 Javascript
初探js和简单隐藏效果的实例
2017/11/23 Javascript
jQuery判断自定义属性data-val用法示例
2019/01/07 jQuery
Vue2.x通用条件搜索组件的封装及应用详解
2019/05/28 Javascript
在Vue中使用icon 字体图标的方法
2019/06/14 Javascript
[01:00:53]OG vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[01:20:38]完美世界DOTA2联赛 GXR vs IO 第一场 11.07
2020/11/09 DOTA
[58:29]DOTA2-DPC中国联赛 正赛 Phoenix vs XG BO3 第一场 1月31日
2021/03/11 DOTA
跟老齐学Python之字典,你还记得吗?
2014/09/20 Python
Python之日期与时间处理模块(date和datetime)
2017/02/16 Python
Python列表对象实现原理详解
2019/07/01 Python
Django1.11自带分页器paginator的使用方法
2019/10/31 Python
浅谈Tensorflow 动态双向RNN的输出问题
2020/01/20 Python
Python通过zookeeper实现分布式服务代码解析
2020/07/22 Python
中国综合网上购物商城:苏宁易购
2016/08/09 全球购物
美国性感女装网站:bebe
2017/03/04 全球购物
Move Free官方海外旗舰店:美国骨关节健康专业品牌
2017/12/06 全球购物
文秘个人求职信范文
2014/04/22 职场文书
工程部主管岗位职责
2015/02/12 职场文书
Python爬取科目四考试题库的方法实现
2021/03/30 Python
用python自动生成日历
2021/04/24 Python
如何利用pygame实现打飞机小游戏
2021/05/30 Python
Python-OpenCV教程之图像的位运算详解
2021/06/21 Python
使用Nginx+Tomcat实现负载均衡的全过程
2022/05/30 Servers