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 相关文章推荐
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
Feb 26 Javascript
jquery中动态效果小结
Dec 16 Javascript
基于jQuery实现左右div自适应高度完全相同的代码
Aug 09 Javascript
js日期联动示例
May 02 Javascript
js数组的五种迭代方法及两种归并方法(推荐)
Jun 14 Javascript
Three.js基础部分学习
Jan 08 Javascript
JavaScript监听手机物理返回键的两种解决方法
Aug 14 Javascript
js构造函数创建对象是否加new问题
Jan 22 Javascript
JS装饰器函数用法总结
Apr 21 Javascript
微信开发之企业付款到银行卡接口开发的示例代码
Sep 18 Javascript
小程序实现单选多选功能
Nov 04 Javascript
微信小程序在text文本实现多种字体样式
Nov 08 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 Undefined index和Undefined variable的解决方法
2008/03/27 PHP
PHP 实现人民币小写转换成大写的方法及大小写转换函数
2017/11/17 PHP
jQuery示例收集
2010/11/05 Javascript
javascript:history.go()和History.back()的区别及应用
2012/11/25 Javascript
jQuery判断iframe中元素是否存在的方法
2013/05/11 Javascript
使用jQuery时Form表单元素ID和name命名大忌
2014/03/06 Javascript
JSON字符串和对象之间的转换详解
2015/05/26 Javascript
JavaScript图片轮播代码分享
2015/07/31 Javascript
动态更新highcharts数据的实现方法
2016/05/28 Javascript
深入理解JavaScript中的并行处理
2016/09/22 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
2017/02/10 Javascript
JS正则表达式判断有效数实例代码
2017/03/13 Javascript
JS获取一个表单字段中多条数据并转化为json格式
2017/10/17 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
JavaScript多种图形实现代码实例
2020/06/28 Javascript
python打开网页和暂停实例
2014/09/30 Python
Python中处理字符串之islower()方法的使用简介
2015/05/19 Python
Python文档生成工具pydoc使用介绍
2015/06/02 Python
Python常用的内置序列结构(列表、元组、字典)学习笔记
2016/07/08 Python
Python基于xlrd模块操作Excel的方法示例
2018/06/21 Python
在Python中实现替换字符串中的子串的示例
2018/10/31 Python
Python爬虫实现验证码登录代码实例
2019/05/10 Python
解决安装pyqt5之后无法打开spyder的问题
2019/12/13 Python
python 30行代码实现蚂蚁森林自动偷能量
2021/02/08 Python
CSS3实现div从下往上滑入滑出效果示例
2020/04/28 HTML / CSS
加拿大约会网站:EliteSingles.ca
2018/01/12 全球购物
Merchant 1948澳大利亚:新西兰领先的鞋类和靴子供应商
2018/03/24 全球购物
意大利网上书店:LaFeltrinelli
2020/06/12 全球购物
优秀团员自我评价范文
2014/04/23 职场文书
公司任命书范本
2014/06/04 职场文书
北京奥运会口号
2014/06/21 职场文书
党员批评与自我批评发言稿
2014/10/14 职场文书
2014年最新版离婚协议书范本
2014/11/25 职场文书
2015年科研工作总结范文
2015/05/13 职场文书
运动员加油词
2015/07/18 职场文书
标准版个人借条怎么写?以及什么是借条?
2019/08/28 职场文书