JS加载iFrame出现空白问题的解决办法
在使用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下判断 iframe 是否加载完成的完美方法
采用的方法很类似: 复制代码 代码如下: var iframe = document.createElement("iframe"); iframe.src = "http://www.jb51.net"; if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert("Local iframe is now loaded."); }; } else { iframe.on
-
js检测iframe是否加载完成的方法
本文实例讲述了js检测iframe是否加载完成的方法.分享给大家供大家参考,具体如下: 这里是继上一篇<js实现iframe框架取值的方法(兼容IE,firefox,chrome等)>的扩展应用: 应用场景:iframe个人感觉最独特的应用之一就是配合P3P协议可以实现跨域写入cookie(好象除此之外,还没找到更有效的办法),但是有时候我们不知道这个iframe页面是否执行完毕,有没有办法判断iframe里的页面是否load完成了呢? iframe1.html: <html> &
-
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
用JavaScript刷新上级页面和当前页面 复制代码 代码如下: <script type="text/javascript"> //刷新上级页面 //window.parent.main.document.location.reload(); //刷新当前页面 document.location.reload(); </script> 每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个html文档.使用下面的几种方法
-
javascript应用:Iframe自适应其加载的内容高度
main.htm: 复制代码 代码如下: <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> <title>ifram
-
javascript实现iframe框架延时加载的方法
本文实例讲述了javascript实现iframe框架延时加载的方法.分享给大家供大家参考.具体实现方法如下: 有的时候我们希望页面的一些东西实现延时加载,这样可以不影响网站打开速度,下面我来给大家介绍javascript实现iframe框架延时加载方法吧. 需要加载区域HTML代码: 复制代码 代码如下: <div id="indexlogin"></div> 下面代码放在底部 复制代码 代码如下: <span id="tmpjsnews&qu
-
JS iFrame加载慢怎么解决
在项目中经常要动态添加iframe,然后再对添加的iframe进行相关操作,有时候会遇到iframe加载很慢什么原因呢,该如何解决呢?带着这个问题一起通过本文学习,寻找答案吧! aaa.html <HTML> <HEAD> <TITLE>aaa</TITLE> </HEAD> <BODY> <IFRAME src="bbb.html" name=bbb width="100%" heigh
-
JS判断iframe是否加载完成的方法
本文实例讲述了JS判断iframe是否加载完成的方法.分享给大家供大家参考,具体如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content=&qu
-
javascript firefox 自动加载iframe 自动调整高宽示例
iframe 自动获取onload高宽 复制代码 代码如下: function AutoResize(iframe) { //firefox if(iframe.contentWindow) { iframe.height = iframe.contentWindow.document.documentElement.scrollHeight; iframe.width = iframe.contentWindow.document.documentElement.scrollWidth; }
-
基于JS判断iframe是否加载成功的方法(多种浏览器)
推荐阅读: JS iFrame加载慢怎么解决 在项目中经常要动态添加iframe,然后再对添加的iframe进行相关操作,而往往iframe还没添加完呢,后边的代码就已经执行完了,所以有些你写的东西根本没有显示出来.这时,我们就要考虑是否可以等iframe加载完后再执行后边的操作,当然,各种浏览器早就为我们考虑到啦,看下面: ie浏览器 IE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在elem内容发送变化的时候触发,比如内容正在载入loading会触发,
-
js通过iframe加载外部网页的实现代码
今天从别的网站看到的,不需要跳转到别的页面直接本域名下调用外部网页.里面用js控制iframe的大小,确实不错. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&q
-
动态加载js、css等文件跨iframe实现
1.动态加载js,css文件(用原生js和jquery) iframe结构: frame0(父) frame2(子) frame3(子) frame2中触发事件,动态的向frame3中 加载js.css文件和 dom元素? *同级之间可以调用,可以 通过 子-父-子 的方式调用同级 parent.parentFram("这个方法在调用其他子farme"); 1.jquery的append() 复制代码 代码如下: 速度快,同步(需要引入jquery) var oBody = docum
随机推荐
- jQuery+json实现的简易Ajax调用实例
- javascript实现列表切换效果
- 详解angularJS自定义指令间的相互交互
- Javascript 获取链接(url)参数的方法[正则与截取字符串]
- 使用python实现扫描端口示例
- PR值查询代码制作
- Python中标准库OS的常用方法总结大全
- bootstrap table表格使用方法详解
- ajax传递多个参数的实现代码
- JAVA中的引用与对象详解
- 基于jquery的一行代码轻松实现拖动效果
- 用js读写cookie的简单方法(推荐)
- “外卖”的世界
- 编写Ruby代码注释时需要注意的一些问题
- Lua之协同程序coroutine代码实例
- MDF文件在SQL Server中的恢复技术
- struts2+jquery实现ajax登陆实例详解
- php ajax实现文件上传进度条
- android保存Bitmap图片到指定文件夹示例
- Android自定义对话框Dialog