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 相关文章推荐
ppk谈JavaScript style属性
Oct 10 Javascript
web网页按比例显示图片实现原理及js代码
Aug 09 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
Jun 06 Javascript
Javascript中this关键字的一些小知识
Mar 15 Javascript
jquery正则表达式验证(手机号、身份证号、中文名称)
Dec 31 Javascript
Bootstrap滚动监听(Scrollspy)插件详解
Apr 26 Javascript
JS判断来路是否是百度等搜索索引进行弹窗或自动跳转的实现代码
Oct 09 Javascript
微信小程序 特效菜单抽屉效果实例代码
Jan 11 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
微信小程序学习笔记之文件上传、下载操作图文详解
Mar 29 Javascript
解决vuex数据页面刷新后初始化操作
Jul 26 Javascript
基于JavaScript实现大文件上传后端代码实例
Aug 18 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/11/27 PHP
PHP及Zend Engine的线程安全模型分析
2011/11/10 PHP
Symfony数据校验方法实例分析
2015/01/26 PHP
php生成验证码,缩略图及水印图的类分享
2016/04/07 PHP
php求今天、昨天、明天时间戳的简单实现方法
2016/07/28 PHP
深入解析PHP底层机制及相关原理
2020/12/11 PHP
PHP队列场景以及实现代码实例详解
2021/02/26 PHP
简洁Ajax函数处理(示例代码)
2013/11/15 Javascript
IE下通过a实现location.href 获取referer的值
2014/09/04 Javascript
js简单抽奖代码
2015/01/16 Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
2015/08/06 Javascript
js实现无限级树形导航列表效果代码
2015/09/23 Javascript
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
2015/11/13 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
2015/12/02 Javascript
Bootstrap源码解读模态弹出框(11)
2016/12/28 Javascript
vue-cli3项目展示本地Markdown文件的方法
2019/06/07 Javascript
js实现无限层级树形数据结构(创新算法)
2020/02/27 Javascript
Node.js web 应用如何封装到Docker容器中
2020/09/01 Javascript
[15:20]DOTA2-DPC中国联赛 正赛 Elephant vs Aster 选手采访
2021/03/11 DOTA
Python 文件读写操作实例详解
2014/03/12 Python
Python爬虫抓取技术的一些经验
2019/07/12 Python
简单的Python调度器Schedule详解
2019/08/30 Python
详解Django3中直接添加Websockets方式
2020/02/12 Python
Python读取文件内容为字符串的方法(多种方法详解)
2020/03/04 Python
Python装饰器如何实现修复过程解析
2020/09/05 Python
python 实现有道翻译功能
2021/02/26 Python
使用CSS3 制作一个material-design 风格登录界面实例
2016/12/12 HTML / CSS
Html5页面获取微信公众号的openid的方法
2020/05/12 HTML / CSS
生物有机护肤品:Aurelia Probiotic Skincare
2018/01/31 全球购物
Linux Interview Questions For software testers
2013/05/17 面试题
《我不是最弱小的》教学反思
2014/02/23 职场文书
《孔子游春》教学反思
2014/02/25 职场文书
竞争与合作演讲稿
2014/05/12 职场文书
出纳2015年度工作总结范文
2015/10/14 职场文书
MySQL InnoDB ReplicaSet(副本集)简单介绍
2021/04/24 MySQL
vue使用refs获取嵌套组件中的值过程
2022/03/31 Vue.js