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框架veryide.librar源代码
Mar 05 Javascript
JQuery 选择和过滤方法代码总结
Nov 19 Javascript
JS清空多文本框、文本域示例代码
Feb 24 Javascript
使用jquery.upload.js实现异步上传示例代码
Jul 29 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
Oct 23 Javascript
关于获取DIV内部内容报错的原因分析及解决办法
Jan 29 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
Sep 04 Javascript
BootStrap 超链接变按钮的实现方法
Sep 25 Javascript
web前端vue之vuex单独一文件使用方式实例详解
Jan 11 Javascript
webpack-mvc 传统多页面组件化开发详解
May 07 Javascript
深入理解Antd-Select组件的用法
Feb 25 Javascript
微信小程序input抖动问题的修复方法
Mar 03 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 CKEditor 上传图片实现代码
2009/11/06 PHP
PHP数据类型之整数类型、浮点数的介绍
2013/04/28 PHP
php生成html文件方法总结
2014/12/01 PHP
php解析http获取的json字符串变量总是空白null
2015/03/02 PHP
用PHP写的一个冒泡排序法的函数简单实例
2016/05/26 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
从父页面读取和操作iframe中内容方法
2009/07/25 Javascript
(function($){...})(jQuery)的意思
2010/07/22 Javascript
jquery select多选框的左右移动 具体实现代码
2013/07/03 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
2014/09/25 Javascript
jQuery使用before()和after()在元素前后添加内容的方法
2015/03/26 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
2015/08/25 Javascript
js console.log打印对像与数组用法详解
2016/01/21 Javascript
Vue中如何实现轮播图的示例代码
2017/07/27 Javascript
JavaScript实现京东购物放大镜和选项卡效果的方法分析
2018/07/05 Javascript
vue实现element-ui对话框可拖拽功能
2018/08/17 Javascript
微信小程序通过一个json实现分享朋友圈图片
2019/09/03 Javascript
JavaScript点击按钮生成4位随机验证码
2021/01/28 Javascript
把大数据数字口语化(python与js)两种实现
2013/02/21 Python
Python中Iterator迭代器的使用杂谈
2016/06/20 Python
Python使用SQLite和Excel操作进行数据分析
2018/01/20 Python
解决python3中cv2读取中文路径的问题
2018/12/05 Python
dataframe 按条件替换某一列中的值方法
2019/01/29 Python
pd.DataFrame统计各列数值多少的实例
2019/12/05 Python
python实现输入三角形边长自动作图求面积案例
2020/04/12 Python
使用python把xmind转换成excel测试用例的实现代码
2020/10/12 Python
pymysql模块使用简介与示例
2020/11/17 Python
HTML5实现视频弹幕功能
2019/08/09 HTML / CSS
马克华菲官方商城:Mark Fairwhale
2016/09/04 全球购物
初中生三年学习生活的自我评价
2013/11/03 职场文书
综合内勤岗位职责
2014/04/14 职场文书
初级党校心得体会
2014/09/11 职场文书
入党积极分子个人总结
2015/03/02 职场文书
2015医德医风个人工作总结
2015/04/02 职场文书
python中对列表的删除和添加方法详解
2022/02/24 Python
vue实现列表拖拽排序的示例代码
2022/04/08 Vue.js