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 相关文章推荐
Javascript实现的分页函数
Dec 22 Javascript
textContent在Firefox下与innerText等效的属性
May 12 Javascript
javascript setTimeout()传递函数参数(包括传递对象参数)
Apr 07 Javascript
jquery获取复选框被选中的值
Apr 10 Javascript
Bootstrap每天必学之日期控制
Mar 07 Javascript
Jquery修改image的src属性,图片不加载问题的解决方法
May 17 Javascript
ES6概念 ymbol.for()方法
Dec 25 Javascript
bootstrap suggest下拉框使用详解
Apr 10 Javascript
jquery easyui如何实现格式化列
Jul 30 jQuery
详细介绍RxJS在Angular中的应用
Sep 23 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
Mar 21 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
Dec 26 Vue.js
基于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中判断数组相等的方法以及数组运算符介绍
2015/03/30 PHP
php图片添加水印例子
2016/07/20 PHP
php代码检查代理ip的有效性
2016/08/19 PHP
php二维码生成以及下载实现
2017/09/28 PHP
基于Laravel 5.2 regex验证的正确写法
2019/09/29 PHP
jQuery点击tr实现checkbox选中的方法
2013/03/19 Javascript
封装的jquery翻页滚动(示例代码)
2013/11/18 Javascript
jQuery获得指定元素坐标的方法
2015/04/14 Javascript
node.js回调函数之阻塞调用与非阻塞调用
2015/11/13 Javascript
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
2016/01/19 Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
2016/07/15 Javascript
js实现淡入淡出轮播切换功能
2017/01/13 Javascript
jQuery日程管理控件glDatePicker用法详解
2017/03/29 jQuery
windows下vue-cli及webpack搭建安装环境
2017/04/25 Javascript
Vue Spa切换页面时更改标题的实例代码
2017/07/15 Javascript
vue自定义过滤器创建和使用方法详解
2017/11/06 Javascript
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
微信小程序实现菜单左右联动
2020/05/19 Javascript
npm全局环境变量配置详解
2020/12/15 Javascript
jQuery实现简单轮播图效果
2020/12/27 jQuery
[52:20]VP vs VG Supermajor小组赛 B组胜者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
Python实现微信自动好友验证,自动回复,发送群聊链接方法
2019/02/21 Python
在tensorflow以及keras安装目录查询操作(windows下)
2020/06/19 Python
浅析Python 简单工厂模式和工厂方法模式的优缺点
2020/07/13 Python
详解基于Scrapy的IP代理池搭建
2020/09/29 Python
python Matplotlib数据可视化(2):详解三大容器对象与常用设置
2020/09/30 Python
哈曼俄罗斯官方网上商店:Harman.club
2020/07/24 全球购物
管理科学大学生求职信
2013/11/13 职场文书
外贸业务员的岗位职责
2013/11/23 职场文书
写演讲稿所需要注意的4个条件
2014/01/09 职场文书
九年级历史教学反思
2014/01/27 职场文书
法院反腐倡廉心得体会
2014/09/09 职场文书
股指期货心得体会
2014/09/10 职场文书
离职报告格式
2014/11/04 职场文书
办公室禁烟通知
2015/04/23 职场文书
2016优秀员工先进事迹材料
2016/02/25 职场文书