如何显示进度条，直到整个aspx页面加载

How to display progress bar until whole aspx page is load?

本文关键字：aspx 加载 何显示 显示      更新时间：2023-09-26

我有一个母版页根。母版和页面默认设置。aspx。我想显示进度条，直到全部默认。加载Aspx页面

我尝试了以下代码:-

<html>
<head><title>xx</title>
</head>
<body style="visibility:hidden;" onload="function(){document.body.visibility='visible'}">
<img src="xxxx.gif" style="visibility:visible !important">
</body>
</html>

但问题是，我没有身体默认。Aspx，它在根上。主人，如果我们把它放在根上。Master，它应用所有从root继承的页面。的主人。所以有另一个。

请提供可用的链接或样品

如果您使用的是jQuery，您可以使用以下方法重构您的代码

 $(document).load(function(){
     $('body').css('visibility','visible');
 }

您可以添加一个引用到jQuery，然后做一些代码，如:

<html>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(document).ready(){  // Wait until the page has finished loading
        if ($(".ProgressBar"))  // Detect the element with class ProgressBar
        {
          $(".ProgressBar").hide();  // If found, set it to be display:none;
        }
      }
    </script>
  </head>
  <body>
    <div class="ProgressBar">
      <img src="Whatever.gif" alt="Please wait..." />
    </div>
  </body>
</html>

也可以不使用jQuery，但使用它更容易;)

这样进度条就会加载，一旦页面完成，进度条就会被设置为不可见。

我希望这可能会有帮助!好运。

你没有提到任何库，所以这里是一个纯js解决方案:http://jsfiddle.net/TTU7v/
我们的想法是将脚本尽可能地靠近开始正文标记(但在它之后!):

<script type="text/javascript">
var body = document.getElementsByTagName("body")[0];
body.style.visibility = "hidden";
window.onload = function(){body.style.visibility = "visible";};
</script>
相关文章：