`
peng_joy
  • 浏览: 110489 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

IE浏览器内容加载完毕,但进度条加载很慢,总处于未完成状态的问题

 
阅读更多

当页面中使用iframe的时候,在ie中经常会出现这个问题,特别是低版本的浏览器,如ie6。原因是ie无法判断iframe是否已经加载完成。虽然实际上页面已经加载完成,但进度条走的很慢,慢慢loading的样子。解决方法如下:

 

 <iframe id="iframe1" height="94%" width="100%" scrolling="auto" frameborder="0" style="padding:0;margin: 0"></iframe>
 <a HREF="javascript:TrapProgressBar();" onclick="window.status='';return true;" id="TrapProgress" style="display: none"/> 

 在iframe下面添加一个隐藏的链接用于停止进度条。

function StartTrap() {
  document.getElementById('TrapProgress').click();
}

function TrapProgressBar() {
// do nothing.
}
 如果iframe是通过js动态的修改src属性展示页面的话,在动态修改src属性后调用StartTrap方法即可,如果不是动态的,母页面加载完成iframe后调用一次StartTrap方法即可。
分享到:
评论

相关推荐

    加载图片时进度条

    在加载图片时,开发者需要监听网络请求,获取已接收的数据大小,并根据总文件大小计算出相应的百分比,然后更新进度条的状态。 2. **实现方式** - **原生平台实现**:在iOS和Android平台上,可以使用系统提供的...

    c#使用进度条加载主界面

    在C#编程中,"使用进度条加载主界面"是一个常见的用户界面(UI)优化技巧,主要用于提升用户体验,让用户能够直观地看到程序的运行状态。本文将深入探讨如何利用进度条来显示主界面的加载过程,同时涉及委托和线程的...

    带进度条的bat重置IE浏览器

    带进度条的bat重置IE浏览器

    C# 进度条 加载数据真实进度条

    5. 完成事件:当所有数据加载完成后,设置进度条为最大值,并可能显示一个完成消息。 下面是一个简单的C#示例,展示了如何在Windows Forms中实现这一功能: ```csharp private BackgroundWorker worker; private ...

    unity实现场景异步加载并带有加载的进度条

    unity实现场景异步加载并带有加载的进度条,实现场景平稳加载,返回的加载进度为匀速加载。非常适合用在要加载大型场景的情况下。

    易语言模块加载进度条.rar

    在“易语言模块加载进度条.rar”这个压缩包中,我们主要讨论的是如何在易语言中实现模块的加载过程,并通过进度条来展示加载状态,提升用户体验。 在编程中,模块是指包含一组相关功能的代码集合,通常以单独的文件...

    winform加载进度条GIF进度条,漂亮的动态加载进度条.rar

    本压缩包“winform加载进度条GIF进度条,漂亮的动态加载进度条.rar”正是为了解决这一需求,它包含了一个美观的GIF动态进度条,适用于在Winform应用程序中展示加载进度。 GIF(Graphics Interchange Format)是一种...

    页面加载进度条

    页面加载进度条是一种常见的用户体验设计元素,特别是在网页和应用程序中,它向用户显示了页面内容正在加载的过程。这种视觉反馈可以提升用户体验,因为用户能够清楚地看到页面正在逐步加载,而不是面对一片空白屏幕...

    Android 自定义图片加载进度条

    Android原生系统并未提供专门用于图片加载进度显示的控件,但我们可以利用ImageView、ProgressBar和自定义View等组件来实现这一功能。通常,图片加载过程中,我们会用到网络库(如Picasso、Glide或Volley)来获取和...

    自定义页面加载中效果的进度条

    在Android开发中,自定义页面加载中的进度条是一种常见的用户界面(UI)设计,它可以提升用户体验,让用户在等待内容加载时有一个可视化的反馈。本文将深入探讨如何在Android应用中实现这种自定义的加载进度条。 ...

    80个GIF进度条,漂亮的动态加载进度条

    在网页设计和用户体验领域,动态加载进度条是一个重要的元素,它能够向用户显示数据或内容正在加载的过程,提高用户对系统响应的认知,并提供更舒适的等待体验。标题提到的"80个GIF进度条"是一套丰富的资源集合,...

    ie进度条

    标题“ie进度条”指的是在Internet Explorer浏览器中显示网页加载进度的那个条形指示器。这个组件在用户等待页面完全加载时提供视觉反馈,显示当前页面的加载进度。在这个主题下,我们可以深入探讨与之相关的技术...

    Unity3D动态加载进度条

    在Unity3D游戏开发中,动态加载进度条是提高用户体验的关键元素之一,尤其是在处理大型场景或需要异步加载资源时。本教程将详细介绍如何在Unity3D中实现一个简单而实用的场景加载进度条,同时展示百分比进度,以提供...

    『HTML5游戏开发』加载图片和显示进度条

    这个事件会在图片数据开始加载并持续更新时触发,通过`event.loaded`和`event.total`可以获取到已经加载的数据量和总数据量,从而计算出加载进度。例如: ```javascript var img = new Image(); img.src = 'your-...

    酷炫的html5进度条加载动画_加载进度条动画特效

    首先,进度条在网页中起着至关重要的作用,特别是在用户等待内容加载时提供视觉反馈。HTML5引入了`&lt;progress&gt;`元素,用于创建基本的进度条。这个元素允许开发者动态地更新加载进度,以反映后台处理任务的状态。例如...

    酷炫的html5进度条加载动画_加载进度条动画特效.zip

    HTML5的加载进度条动画是网页交互体验中的一个重要元素,尤其在用户等待内容加载时,一个酷炫的进度条能够提升用户体验,展示加载状态并缓解用户的等待焦虑。本资源"酷炫的html5进度条加载动画_加载进度条动画特效....

    jquery动态页面加载进度条

    在网页开发中,用户体验是至关重要的,而页面加载过程中显示动态进度条是一种很好的提升用户体验的方式。jQuery,作为一款广泛使用的JavaScript库,提供了丰富的功能来帮助开发者实现这一目标。本篇文章将详细探讨...

    image加载进度条.rar

    - JavaScript:通过监听`onload`和`onerror`事件来更新进度条的状态,可以计算已加载图片的大小与总大小的比例,从而实时反映加载进度。 - AJAX:使用XMLHttpRequest对象的`progress`事件,可以获取到上传或下载的...

    AS3.0 加载进度条效果

    在本文中,我们将深入探讨如何使用ActionScript 3.0(AS3.0)来创建一个类似可口可乐网站的加载进度条效果。ActionScript是Adobe Flash Professional和FlashDevelop等工具中用于创建动态交互式内容的主要编程语言,...

    android网络加载显示进度条

    在Android开发中,当应用程序需要从网络下载数据时,为了提供良好的用户体验,通常会使用进度条(ProgressDialog)来展示加载状态。"android网络加载显示进度条"这一主题主要涉及两个关键概念:ProgressDialog和多...

Global site tag (gtag.js) - Google Analytics