如何显示繁忙的光标，直到iframe加载完全

How to show busy cursor untill the iframe loads completly?

本文关键字：直到 光标 iframe 加载 何显示 显示      更新时间：2023-09-26

我有以下代码:

 <html>
     <body>
      <div>
        <iframe> 
          <html>
           <body>
                content
           </body>
         </html>
        </iframe>
      </div>
     </body>
    </html>

我想显示等待光标，直到iframe的内容被完全加载。我可以控制html.

您可以编写一个简单的函数来更改body(或其他)的光标:

$('body').css('cursor', 'pointer');

虽然我不确定如果你可以有iframe onload工作正确的所有浏览器。

$("#iFrameId").load(function (){
    // do something once the iframe is loaded (disable busy cursor, etc)
});

检查下面的问题=>我如何触发一个事件时，iframe已完成加载在jQuery?

通常，当我实现这一点时，我会用一个静态HTML文件填充iframe，其中包含ajax加载器光标。然后使用jquery更改IFRAME的源(src标签)。最终结果是，当浏览器正在加载下一页时，您将获得一个加载对话框。

这取决于你对框架代码的实现。如果这只是一个大的页面加载，你有javascript在后台加载，你可能会更好地把图像放在同一个页面上，然后简单地隐藏它，当你的文档"准备好了"。使用jquery很容易做到这一点。

如果你的iFrame在页面加载开始时加载，那么使用:

$(document).ready(function () {
     $('body').css('cursor', 'wait');
 });

并使用iframe的onload函数将光标移回:

$('#iFrameID').on('load', function () {
     $('body').css('cursor', 'default');
});
相关文章：