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实现随机返回数组的一个元素
Aug 13 Javascript
基于JQuery的一句代码实现表格的简单筛选
Jul 26 Javascript
jquery 实现两Select 标签项互调示例代码
Sep 25 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
Oct 14 Javascript
js实现不提交表单获取单选按钮值的方法
Aug 21 Javascript
浅谈js图片前端预览之filereader和window.URL.createObjectURL
Jun 30 Javascript
使用Xcache缓存器加速PHP网站的配置方法
Apr 22 Javascript
Vue 滚动行为的具体使用方法
Sep 13 Javascript
解决Vue不能检测数组或对象变动的问题
Feb 24 Javascript
详解react-refetch的使用小例子
Feb 15 Javascript
jQuery实现验证用户登录
Dec 10 jQuery
vue 监听 Treeselect 选择项的改变操作
Aug 31 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下通过IP获取地理位置的代码(小偷程序)
2011/06/09 PHP
PHP 实现人民币小写转换成大写的方法及大小写转换函数
2017/11/17 PHP
jquery 批量上传图片实现代码
2010/01/28 Javascript
CSS或者JS实现鼠标悬停显示另一元素
2016/01/22 Javascript
JavaScript基础语法之js表达式
2016/06/07 Javascript
connection reset by peer问题总结及解决方案
2016/10/21 Javascript
Bootstrap风格的WPF样式
2016/12/07 Javascript
webuploader模态框ueditor显示问题解决方法
2016/12/27 Javascript
微信小程序 引用其他js文件实现代码
2017/02/22 Javascript
jQuery获取table下某一行某一列的值实现代码
2017/04/07 jQuery
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
2017/07/10 Javascript
详解JS中的this、apply、call、bind(经典面试题)
2017/09/19 Javascript
浅谈Node异步编程的机制
2017/10/18 Javascript
修改npm全局安装模式的路径方法
2018/05/15 Javascript
Vuex中的Mutations的具体使用方法
2020/06/01 Javascript
在Python中使用NLTK库实现对词干的提取的教程
2015/04/08 Python
Python 常用 PEP8 编码规范详解
2017/01/22 Python
python不换行之end=与逗号的意思及用途
2017/11/21 Python
详解用TensorFlow实现逻辑回归算法
2018/05/02 Python
django连接mysql配置方法总结(推荐)
2018/08/18 Python
Jacobi迭代算法的Python实现详解
2019/06/29 Python
python自动化测试之DDT数据驱动的实现代码
2019/07/23 Python
Python 图像对比度增强的几种方法(小结)
2019/09/25 Python
TensorFlow2.0矩阵与向量的加减乘实例
2020/02/07 Python
Python抖音快手代码舞(字符舞)的实现方法
2021/02/07 Python
html5通过canvas实现刮刮卡效果示例分享
2014/01/27 HTML / CSS
千禧酒店及度假村官方网站:Millennium Hotels and Resorts
2019/05/10 全球购物
会计自我鉴定范文
2013/10/06 职场文书
银行学习十八大感想
2014/01/11 职场文书
村优秀党员事迹材料
2014/01/15 职场文书
《盘古开天地》教学反思
2014/02/28 职场文书
2014年学生管理工作总结
2014/12/20 职场文书
党建工作目标管理责任书
2015/01/29 职场文书
ROS系统将python包编译为可执行文件的简单步骤
2021/07/25 Python
简单聊聊Vue中的计算属性和属性侦听
2021/10/05 Vue.js