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 相关文章推荐
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)
Apr 27 Javascript
获取HTML DOM节点元素的方法的总结
Aug 21 Javascript
JavaScript 应用技巧集合[推荐]
Aug 30 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
Jun 05 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
Jun 27 Javascript
javascript + jquery实现定时修改文章标题
Mar 19 Javascript
详解Angularjs中的依赖注入
Mar 11 Javascript
Bootstrap实现弹性搜索框
Jul 11 Javascript
AngularJs 常用的过滤器
May 15 Javascript
vue-cli脚手架引入图片的几种方法总结
Mar 13 Javascript
vue中各种通信传值方式总结
Feb 14 Javascript
使用异步controller与jQuery实现卷帘式分页
Jun 18 jQuery
基于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程序的方法
2009/03/09 PHP
php中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
php实现socket推送技术的示例
2017/12/20 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
jquery获取input的value问题说明
2010/08/19 Javascript
Javascript Objects详解
2014/09/04 Javascript
AngularJS入门教程引导程序
2016/08/18 Javascript
jQuery post数据至ashx实例详解
2016/11/18 Javascript
jquery之基本选择器practice(实例讲解)
2017/09/30 jQuery
layui表格数据重载
2019/07/27 Javascript
jquery实现购物车基本功能
2019/10/25 jQuery
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
js实现简单的打印表格
2020/01/15 Javascript
原生js实现俄罗斯方块
2020/10/20 Javascript
[43:35]EG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[01:37]PWL S2开团时刻DAY1&2——这符有毒
2020/11/20 DOTA
Python的Tornado框架的异步任务与AsyncHTTPClient
2016/06/27 Python
python的numpy模块安装不成功简单解决方法总结
2017/12/23 Python
Python实现的栈(Stack)
2018/01/26 Python
python3.6使用pymysql连接Mysql数据库
2018/05/25 Python
Django异步任务之Celery的基本使用
2019/03/23 Python
给Django Admin添加验证码和多次登录尝试限制的实现
2020/07/26 Python
html5 button autofocus 属性介绍及应用
2013/01/04 HTML / CSS
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
Clos19英国:高档香槟、葡萄酒和烈酒在线购物平台
2020/07/10 全球购物
如何写出高性能的JSP和Servlet
2013/01/22 面试题
大学生物业管理求职信
2013/10/24 职场文书
应届生学校辅导员求职信
2013/11/07 职场文书
采购部经理岗位职责
2014/02/10 职场文书
《神奇的克隆》教学反思
2014/04/10 职场文书
教师演讲稿大全
2014/05/16 职场文书
婚姻出轨保证书
2015/05/08 职场文书
怎样写家长意见
2015/06/04 职场文书
python百行代码实现汉服圈图片爬取
2021/11/23 Python
聊聊配置 Nginx 访问与错误日志的问题
2022/05/25 Servers
vue实现简易音乐播放器
2022/08/14 Vue.js