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 相关文章推荐
多浏览器支持的右下角浮动窗口
Apr 01 Javascript
使用jquery hover事件实现表格的隔行换色功能示例
Sep 03 Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
Dec 30 Javascript
js获取指定的cookie的具体实现
Feb 20 Javascript
js实现的点击数量加一可操作数据库
May 09 Javascript
jQuery trigger()方法用法介绍
Jan 13 Javascript
jQuery使用之设置元素样式用法实例
Jan 19 Javascript
jQuery实现非常实用漂亮的select下拉菜单选择效果
Nov 06 Javascript
使用Node.js处理前端代码文件的编码问题
Feb 16 Javascript
微信小程序之拖拽排序(代码分享)
Jan 21 Javascript
JS实现PC手机端和嵌入式滑动拼图验证码三种效果
Feb 15 Javascript
js实现数组内数据的上移和下移的实例
Nov 14 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查看请求头信息获取远程图片大小的方法分享
2013/12/25 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
PHP的重载使用魔术方法代码实例详解
2021/02/26 PHP
js计数器代码
2006/11/04 Javascript
jquery异步调用页面后台方法&amp;#8207;(asp.net)
2011/03/01 Javascript
往光标所在位置插入值的js代码
2013/09/22 Javascript
jQuery学习笔记之2个小技巧
2015/01/19 Javascript
JS清除选择内容的方法
2015/01/29 Javascript
Js+php实现异步拖拽上传文件
2015/06/23 Javascript
JavaScritp添加url参数并将参数加入到url中及更改url参数的方法
2015/10/26 Javascript
node.js使用cluster实现多进程
2016/03/17 Javascript
react实现pure render时bind(this)隐患需注意!
2017/03/09 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
2017/08/11 Javascript
React之PureComponent的使用作用
2018/07/10 Javascript
微信小程序API—获取定位的详解
2019/04/30 Javascript
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
深入理解Python中各种方法的运作原理
2015/06/15 Python
深入浅析Python字符编码
2015/11/12 Python
python opencv 图像尺寸变换方法
2018/04/02 Python
python读取LMDB中图像的方法
2018/07/02 Python
pandas的唯一值、值计数以及成员资格的示例
2018/07/25 Python
Anaconda2 5.2.0安装使用图文教程
2018/09/19 Python
基于numpy中数组元素的切片复制方法
2018/11/15 Python
Flask中endpoint的理解(小结)
2019/12/11 Python
Python使用GitPython操作Git版本库的方法
2020/02/29 Python
基于matplotlib中ion()和ioff()的使用详解
2020/06/16 Python
python virtualenv虚拟环境配置与使用教程详解
2020/07/13 Python
用Python制作音乐海报
2021/01/26 Python
canvas 阴影和图形变换的示例代码
2018/01/02 HTML / CSS
历史专业个人求职信范文
2013/12/07 职场文书
七年级政治教学反思
2014/02/03 职场文书
房产继承公证书
2014/04/09 职场文书
清洁工个人工作总结
2015/03/05 职场文书
个人年底工作总结
2015/03/10 职场文书
建筑工程催款函
2015/06/24 职场文书