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 相关文章推荐
一个简单的jQuery插件制作 学习过程及实例
Apr 25 Javascript
jQuery插件开发全解析
Oct 10 Javascript
javascript图片相似度算法实现 js实现直方图和向量算法
Jan 14 Javascript
JavaScript基础语法之js表达式
Jun 07 Javascript
基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)
Sep 02 Javascript
Vue 2.0+Vue-router构建一个简单的单页应用(附源码)
Mar 14 Javascript
jQuery实现web页面樱花坠落的特效
Jun 01 jQuery
基于element-ui组件手动实现单选和上传功能
Dec 06 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
Mar 06 Javascript
微信小程序云开发之使用云函数
May 17 Javascript
JavaScript Array对象基本方法详解
Sep 03 Javascript
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
Feb 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
从零开始 教你如何搭建Discuz!4.1论坛
2006/07/07 PHP
php 判断字符串中是否包含html标签
2014/02/17 PHP
PHP的cURL库简介及使用示例
2015/02/06 PHP
一个JavaScript递归实现反转数组字符串的实例
2014/10/14 Javascript
浅谈Sizzle的“编译原理”
2015/04/14 Javascript
JQuery中Text方法用法实例分析
2015/05/18 Javascript
完善的jquery处理机制
2016/02/21 Javascript
深入理解MVC中的时间js格式化
2016/05/19 Javascript
使用jsonp实现跨域获取数据实例讲解
2016/12/25 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
XMLHttpRequest对象_Ajax异步请求重点(推荐)
2017/09/28 Javascript
Angular实现点击按钮控制隐藏和显示功能示例
2017/12/29 Javascript
微信小程序实现页面浮动导航
2019/01/28 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
2019/09/03 Javascript
Vue 自定义标签的src属性不能使用相对路径的解决
2019/09/17 Javascript
Selenium执行JavaScript脚本的方法示例
2020/12/31 Javascript
[05:13]TI4 中国战队 机场出征!!
2014/07/07 DOTA
Python实现过滤单个Android程序日志脚本分享
2015/01/16 Python
基于Python实现文件大小输出
2016/01/11 Python
python如何把字符串类型list转换成list
2020/02/18 Python
Python matplotlib 绘制双Y轴曲线图的示例代码
2020/06/12 Python
Python2及Python3如何实现兼容切换
2020/09/01 Python
matplotlib交互式数据光标mpldatacursor的实现
2021/02/03 Python
End Clothing美国站:英国男士潮牌商城
2018/04/20 全球购物
亚洲独特体验旅游专家:eOasia
2018/08/15 全球购物
正宗的澳大利亚Ugg靴子零售商:UGG Express
2020/04/19 全球购物
Vans(范斯)新西兰官方网站:美国原创极限运动品牌
2020/09/19 全球购物
财政专业求职信范文
2014/02/19 职场文书
服装设计专业自荐信
2014/06/17 职场文书
房屋过户委托书范本
2014/10/07 职场文书
申报材料格式
2014/12/30 职场文书
2015年禁毒工作总结
2015/04/30 职场文书
员工手册编写范本
2015/05/14 职场文书
侵犯商业秘密的律师函
2015/05/27 职场文书
人民的好儿女观后感
2015/06/18 职场文书
2016年9月份红领巾广播稿
2015/12/21 职场文书