页面加载前的 ASP.net 和 Jquery

Question

我是 Jquery 和 ASP.net 编码的新手。我已经阅读了很多关于如何显示加载的文章，请在页面实际加载之前等待。在页面加载后我不想要它之前我想要它，所以我认为使用准备好的文档应该处理这个问题。

这是我的尝试。

我下载了 Jquery 1.7.1.js 并将其添加到我的解决方案中。

以下是我的代码。

  <script type="text/javascript">
jQuery.noConflict()(function ($) {
    alert("not loaded");
jQuery(document).ready(function(){ 
  alert("loaded");
 });
}); 
</script>

我还尝试了以下方法：这如何不显示警报消息。

<script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script>

<script type="text/jscript">

if(document.readyState === 'complete') {
// good to go!
}


 var interval = setInterval(function() {
if(document.readyState === 'complete') {
    clearInterval(interval);
    alert("my message while loading")
}    
}, 100);

Answer 1

$(document).ready()

• 非常适合一次性初始化。
• 优化黑魔法；可能比 pageLoad() 稍早运行。
• 不会将功能重新附加到受部分影响的元素 回发。

pageLoad()

• 如果与 UpdatePanel 一起使用，则不适合一次性初始化。
• 在某些浏览器中优化程度稍低，但一致。
• 非常适合将功能重新附加到内部元素 更新面板。

window.load 将等待页面完全加载，这包括内框、图像等。

这可能对你有帮助

 <div id="dvLoading"></div>
    <script>
        $(window).load(function(){
          $('#dvLoading').fadeOut(2000);
        });
    </script>

CSS

#dvLoading

    {
           background:#000 url(images/loader.gif) no-repeat center center;
           height: 100px;
           width: 100px;
           position: fixed;
           z-index: 1000;
           left: 50%;
           top: 50%;
           margin: -25px 0 0 -25px;
        }

也试试这个，

$(document).ready(function(){    
    alert('page loaded');  // alert to confirm the page is loaded    
    $('.divClassName').hide(); //enter the class or id of the particular html element which you wish to hide. 
});