如何在加载页面位于单个框架中时使Internet Explorer显示加载状态指示器(旋转圆圈)?

时间:2017-12-12 22:40:40

标签: asp.net internet-explorer iframe internet-explorer-11 frames

我正在处理几个Web应用程序,其中一个在回发表单时没有在Internet Explorer中显示“旋转圈”状态指示器。从一个页面导航到另一个页面时,该指标有效;它似乎总是适用于第二个应用程序。

我花了一些时间来弄清楚差异,但这是因为第一个应用程序使用了框架。从页面到页面的导航重新加载整个框架集,但是对任何给定的webform的回发仅加载该框架。在这种情况下,IE 11不提供任何状态指示符。这是一个在服务器端进行重要处理的特定表单上的问题 - 从用户的角度来看,您无法确定表单是否已提交。

有没有办法强制IE在这种情况下显示状态指示器?或者,我可以在提交时使用Javascript来显示一些“请稍候...”类型的消息。我想避免这种情况,因为它与应用程序的其余部分不一致。谢谢!

这是一个简单的jsFiddle,显示了CNN的简单iframe。请注意,如果您单击该iframe中的链接,IE11将不显示任何状态指示器,让您知道它正在加载(通常是选项卡上的旋转圆圈)。

https://jsfiddle.net/huokzjad/1/

代码:

<body>
<iframe src="http://cnn.com/" style="width: 90%; height: 300px;"></iframe>
</body>

请注意,Firefox会正确显示加载状态指示符。

1 个答案:

答案 0 :(得分:0)

已经将此作为问题的可能选项发布,但将包含为我自己的答案:

作为一种变通方法,您可以使用带有“加载”类型消息的隐藏div。提交后,使用Javascript显示{{1}}。