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 相关文章推荐
Array.prototype.concat不是通用方法反驳[译]
Sep 20 Javascript
jQuery中获取Radio元素值的方法
Jul 02 Javascript
JavaScript中的继承之类继承
May 01 Javascript
JQuery获取鼠标进入和离开容器的方向
Dec 29 Javascript
JS实现前端页面的搜索功能
Jun 12 Javascript
layui实现table加载的示例代码
Aug 14 Javascript
JS基于对象的链表实现与使用方法示例
Jan 31 Javascript
vue获取验证码倒计时组件
Aug 26 Javascript
vue data恢复初始化数据的实现方法
Oct 31 Javascript
JS内置对象和Math对象知识点详解
Apr 03 Javascript
jdk1.8+vue elementui实现多级菜单功能
Sep 24 Javascript
让Vue响应Map或Set的变化操作
Nov 11 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截取字符串并保留完整xml标签的函数代码
2013/02/06 PHP
基于php实现长连接的方法与注意事项的问题
2013/05/10 PHP
PHP抓屏函数实现屏幕快照代码分享
2014/01/02 PHP
php操作redis常见方法示例【key与value操作】
2020/04/14 PHP
js判断是否为数组的函数: isArray()
2011/10/30 Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
2014/01/09 Javascript
js实现禁止中文输入的方法
2015/01/14 Javascript
javascript实现uploadify上传格式以及个数限制
2015/11/23 Javascript
浅析JavaScript作用域链、执行上下文与闭包
2016/02/01 Javascript
Bootstrap学习笔记之css样式设计(2)
2016/06/07 Javascript
AngularJS使用自定义指令替代ng-repeat的方法
2016/09/17 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
2017/04/25 Javascript
JavaScript键盘事件常见用法实例分析
2019/01/03 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
2020/07/19 Javascript
vue prop传值类型检验方式
2020/07/30 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
2020/11/05 Javascript
Vue实现圆环进度条的示例
2021/02/06 Vue.js
[03:55]TI9战队采访——TNC Predator
2019/08/22 DOTA
python开发游戏的前期准备
2019/05/05 Python
PyCharm安装Markdown插件的两种方法
2019/06/24 Python
pytorch 模拟关系拟合——回归实例
2020/01/14 Python
使用python无账号无限制获取企查查信息的实例代码
2020/04/17 Python
如何基于Django实现上下文章跳转
2020/09/16 Python
python爬虫爬取淘宝商品比价(附淘宝反爬虫机制解决小办法)
2020/12/03 Python
详解python中的三种命令行模块(sys.argv,argparse,click)
2020/12/15 Python
HTML5在手机端实现视频全屏展示方法
2020/11/23 HTML / CSS
戴尔加拿大官网:Dell加拿大
2016/09/17 全球购物
C#怎么让一个窗口居中显示?
2015/10/20 面试题
会计专业自荐信范文
2013/12/02 职场文书
个人自荐书
2013/12/20 职场文书
优秀小学生家长评语
2014/01/30 职场文书
安全教育演讲稿
2014/05/09 职场文书
低碳环保标语
2014/06/12 职场文书
会计专业求职信
2014/08/10 职场文书
Python中生成随机数据安全性、多功能性、用途和速度方面进行比较
2022/04/14 Python
Redis批量生成数据的实现
2022/06/05 Redis