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 相关文章推荐
JS鼠标事件大全 推荐收藏
Nov 01 Javascript
实现音乐播放器的代码(html5+css3+jquery)
Aug 04 Javascript
使用requestAnimationFrame实现js动画性能好
Aug 06 Javascript
js性能优化技巧
Nov 29 Javascript
JS折半插入排序算法实例
Dec 02 Javascript
学习JavaScript鼠标响应事件
Dec 25 Javascript
jQuery实现一个简单的验证码功能
Jun 26 jQuery
mpvue将vue项目转换为小程序
Sep 30 Javascript
js 实现在2d平面上画8的方法
Oct 10 Javascript
从零开始实现Vue简单的Toast插件
Dec 03 Javascript
layui 上传文件_批量导入数据UI的方法
Sep 23 Javascript
深入理解Antd-Select组件的用法
Feb 25 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随机生成唯一HASH值自定义函数
2015/04/20 PHP
javascript dom 基本操作小结
2010/04/11 Javascript
解决遍历时Array.indexOf产生的性能问题
2012/07/03 Javascript
jquery ajax例子返回值详解
2012/09/11 Javascript
js优化针对IE6.0起作用(详细整理)
2012/12/25 Javascript
JS 实现Table相同行的单元格自动合并示例代码
2013/08/27 Javascript
JS获取select-option-text_value的方法
2013/12/26 Javascript
jquery实现点击label的同时触发文本框点击事件的方法
2015/06/05 Javascript
微信小程序 开发之顶部导航栏实例代码
2017/02/23 Javascript
深入理解JavaScript继承的多种方式和优缺点
2017/05/12 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
使用SVG基本操作API的实例讲解
2017/09/14 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
2018/08/15 Javascript
Node.js Buffer模块功能及常用方法实例分析
2019/01/05 Javascript
小程序实现短信登录倒计时
2019/07/12 Javascript
vuex实现数据状态持久化
2019/11/11 Javascript
vue-cli3 取消eslint校验代码的解决办法
2020/01/16 Javascript
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
2021/03/01 Vue.js
python多线程http下载实现示例
2013/12/30 Python
利用Python中的mock库对Python代码进行模拟测试
2015/04/16 Python
python中list常用操作实例详解
2015/06/03 Python
Python使用SQLite和Excel操作进行数据分析
2018/01/20 Python
Python基于pycrypto实现的AES加密和解密算法示例
2018/04/10 Python
详解Python中的内建函数,可迭代对象,迭代器
2019/04/29 Python
PyTorch基本数据类型(一)
2019/05/22 Python
python中添加模块导入路径的方法
2021/02/03 Python
CSS3制作圆形滚动进度条动画的示例
2020/11/05 HTML / CSS
PPP协议组成及简述协议协商的基本过程
2015/05/28 面试题
Java面试题:请说出如下代码的输出结果
2013/04/22 面试题
财务人员求职自荐书范文
2014/02/10 职场文书
安全生产目标管理责任书
2014/07/25 职场文书
基层党员对照检查材料
2014/09/24 职场文书
2014年员工工作总结范文
2014/11/18 职场文书
信用卡收入证明范本
2015/06/12 职场文书
我家女友可不止可爱呢 公开OP主题曲无字幕动画MV
2022/04/11 日漫
GO中sync包自由控制并发示例详解
2022/08/05 Golang