`
Jabbar2011
  • 浏览: 165112 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

解决使用Iframe无刷新提交后IE进度条一直在加载的问题

阅读更多
  当我们使用隐藏iframe作为表单提交的target时,提交表单成功之后,会发现IE下面加载网页的那个进度条一直在加载中,让人觉得很不爽吧!

  今天终于发现了一个方法来解决这个问题了,之前我一直没找到解决方案。

$('#tempframe').load(function() {
  $('#tempframe').remove();
  $('<iframe id="tempframe"  style="display: none" name="tempframe" ></iframe>').appendTo('body');
});


将原来隐藏的Iframe先移除(包括事件load),如果不移除你会发现上面那个load方法会一直执行

还有一个类似的问题。当一个页面有两个子页面(都是iframe)的时候,同时加载这两个页面也会造成浏览器进度条一直在loading的问题。

造成原因:两个页面同时被加载浏览器不能判断到底有没有全部加载完毕,所以解决方案是让两个错开来加载,setTimeout加载第二个页面就可以很好的解决这个问题了
0
0
分享到:
评论

相关推荐

    jsp无刷新上传文件

    5. **安全性与兼容性**:尽管iframe能解决文件上传问题,但它可能引发XSS(跨站脚本攻击)和CSRF(跨站请求伪造)等安全问题,因此需要在服务器端进行充分的验证和过滤。此外,需要注意不同浏览器对文件上传的支持...

    iframefileuploadjs全部通过原生JS实现页面无刷新上传文件

    在现代Web应用中,文件上传是一项常见的功能,而"iframefileuploadjs全部通过原生JS实现页面无刷新上传文件"的方案提供了一种轻量级的解决方案,它不依赖jQuery或Ajax,仅靠JavaScript原生API来实现在不刷新页面的...

    兼容ie8的上传源码

    在前端开发领域,兼容性问题始终是一个不可忽视的挑战,尤其是在处理旧版本浏览器,如Internet Explorer 8(简称IE8)时。"兼容ie8的上传源码"这个标题暗示了我们正在处理一个旨在解决IE8浏览器中文件上传功能的代码...

    jQuery-1.8.3(&2.1.4).min.js&jquery;.fileupload&jquery;.iframe-transport

    由于浏览器的安全策略,某些情况下普通的Ajax上传可能无法工作,这时Iframe Transport通过创建一个隐藏的iframe来模拟表单提交,从而实现跨域和大文件的无刷新上传。这种技术对于那些不支持FormData或XMLHttpRequest...

    ASP.NET无刷新上传.rar

    //iframe加载完后执行完成程序 if ( $$B.ie ) { iframe.attachEvent( "onload", finish ); } else { iframe.onload = $$B.opera ? function(){ this.onload = finish; } : finish; } //插入...

    VeryIDE Bee 互动营销**台 v1.5 UTF-8.rar

    修正 独立登录窗口不断刷新的问题,感谢 暨阳社区 提交问题 修正 全部应用身份证号码验证失效(18位,去掉过时的15位)的问题,感谢 得意生活 提交问题 修正 随机广告在三条以上时同时展示多条广告的问题,感谢 ...

    基于ajax实现文件上传并显示进度条

    为表单设置`target`属性,指向一个隐藏的`&lt;iframe&gt;`,这样表单提交后,服务器的响应会被加载到这个`&lt;iframe&gt;`中,避免页面刷新。 ```html 重置"/&gt; 提交" onclick="go();"/&gt; &lt;iframe id="if" name="if" src="...

    KODExplorer 芒果云-资源管理器

    - 解决更改排序方式后 ——对应右键菜单不同步问题。 - 优化右键更改列表状态,同步保存配置到服务端。 - 文件浏览器打开(a点击新窗口跳转,a不支持click,用子元素冒泡来实现点击) - 优化配置文件存储方案。直接由...

    javascript代码常用大全

    ### JavaScript代码常用大全知识点解析 #### 一、验证类 **1.... - **1.1 整数验证** - 目的是确保输入的字符串仅包含整数。...- 实现页面的部分刷新或完全不刷新,通过 AJAX 或 iframe 实现异步数据加载。

    《程序天下:JavaScript实例自学手册》光盘源码

    19.14 使用JavaScript加载XML文件 19.15 动态加载JavaScript文件 19.16 防止JavaScript文件被其他站直接引用 19.17 检查机器是否安装Word 19.18 打印当前页 19.19 打印预览 19.20 隐藏不想打印的页面内容 19.21 使用...

    程序天下:JavaScript实例自学手册

    19.14 使用JavaScript加载XML文件 19.15 动态加载JavaScript文件 19.16 防止JavaScript文件被其他站直接引用 19.17 检查机器是否安装Word 19.18 打印当前页 19.19 打印预览 19.20 隐藏不想打印的页面内容 19.21 使用...

    C#编程经验技巧宝典

    111 &lt;br&gt;0184 如何在ASP.NET中获取文件的扩展名 111 &lt;br&gt;0185 如何在ASP.NET中用URL在页面之间传值 112 &lt;br&gt;0186 如何使用IsPostBack实现ASP.NET页面加载 112 &lt;br&gt;0187 如何利用输出缓存技术缓存...

Global site tag (gtag.js) - Google Analytics