JS加载iFrame出现空白问题的解决办法

 更新时间:2016年05月13日 10:21:52   投稿:mrr  
在使用IE6浏览器开发过程中出现各种奇葩问题,非常棘手,费劲脑汁终于问题解决。小编把解决办法分享到脚本之家平台,需要的朋友可以参考下

在使用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>

以上就是本文的全部内容,希望对大家有所帮助!

相关文章

  • JS基于面向对象实现的拖拽功能示例

    JS基于面向对象实现的拖拽功能示例

    这篇文章主要介绍了JS基于面向对象实现的拖拽功能,涉及javascript面向对象与页面元素动态操作的相关技巧,需要的朋友可以参考下
    2016-12-12
  • 原生js模拟淘宝购物车项目实战

    原生js模拟淘宝购物车项目实战

    这篇文章主要向大家推荐了一个原生js模拟淘宝购物车项目实战,包括商品的单选、全选、删除、修改数量、价格计算、数目计算、预览等功能的实现,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • 获取3个数组不重复的值的具体实现

    获取3个数组不重复的值的具体实现

    先用concat拼接数组 ,再使用一个对象、一个新数组(用于存放不重复的数组)具体实现如下,感兴趣的朋友可以参考
    2013-12-12
  • 小程序实现可拖动的悬浮按钮

    小程序实现可拖动的悬浮按钮

    这篇文章主要为大家详细介绍了小程序实现可拖动的悬浮按钮,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • JavaScript自执行闭包的小例子

    JavaScript自执行闭包的小例子

    JQuery是一个很明显的自执行闭包的例子,有需要的朋友可以参考一下
    2013-06-06
  • 详细谈谈ES6中的symbol数据类型

    详细谈谈ES6中的symbol数据类型

    这篇文章主要给大家介绍了关于ES6中symbol数据类型的相关资料,Symbol函数的特性是每一个Symbol函数的返回值都是唯一的,可以通过给symbol函数传递不同的参数产生具有不同标记的值,需要的朋友可以参考下
    2021-08-08
  • 原生js实现瀑布流效果

    原生js实现瀑布流效果

    这篇文章主要为大家详细介绍了原生js实现简单瀑布流效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • 从setTimeout看js函数执行过程

    从setTimeout看js函数执行过程

    这篇文章主要介绍了从setTimeout看js函数执行过程,需要的朋友可以参考下
    2017-12-12
  • javascript继承的六大模式小结

    javascript继承的六大模式小结

    本文给大家详细总结了下javascript继承的六大模式,分别为1.原型链,2.借用构造函数,3.组合继承,4.原型式继承,5.寄生式继承,6.寄生组合式继承,十分的全面,有需要的小伙伴可以参考下。
    2015-04-04
  • JS基于构造函数实现的菜单滑动显隐效果【测试可用】

    JS基于构造函数实现的菜单滑动显隐效果【测试可用】

    这篇文章主要介绍了JS基于构造函数实现的菜单滑动显隐效果,可实现基本的菜单折叠与展开功能,涉及javascript响应鼠标事件动态操作页面元素的相关技巧,需要的朋友可以参考下
    2016-06-06

最新评论