zoukankan      html  css  js  c++  java
  • asp.net 加页面Loading效果

            protected void Page_Load(object sender, EventArgs e)
            
    {
                
    if (!IsPostBack)
                
    {
                    Loading();
                }

            }


            
    public static void Loading()
            
    {
                HttpContext hc 
    = HttpContext.Current;
                hc.Response.Write(
    "<div id='loading'> ");
                hc.Response.Write(
    "<img src='Images/Loading/loading.gif'/> ");
                hc.Response.Write(
    "</div>");
                
    //hc.Response.Write("<script>mydiv.innerText = '';</script>");
                hc.Response.Write("<script type=text/javascript>");
                hc.Response.Write(
    "function document.onreadystatechange()");
                hc.Response.Write(
    @"{ try  
                                       {
                                        if (document.readyState == 'complete') 
                                        {
                                             delNode('loading');
                                            
                                        }
                                       }
                                     catch(e)
                                        {
                                            alert('页面加载失败');
                                        }
                                                            } 

                                function delNode(nodeId)
                                {   
                                    try
                                    {   
                                          var div =document.getElementById(nodeId); 
                                          if(div !==null)
                                          {
                                              div.parentNode.removeChild(div);   
                                              div=null;    
                                              CollectGarbage(); 
                                          } 
                                    }
                                    catch(e)
                                    {   
                                       alert('删除ID为'+nodeId+'的节点出现异常');
                                    }   
                                }

                                
    ");

                hc.Response.Write(
    "</script>");
                hc.Response.Flush();
            }
  • 相关阅读:
    React: React的组件状态机制
    React: React的复合组件
    JavaScript:ES6的新特性
    React: 研究React的组件化
    React: 认识React
    CSS:CSS弹性盒子布局 Flexible Box
    iOS:应用程序扩展开发之Today扩展(Today Extesnsion)
    《逆向工程核心原理》
    《左手数据,右手图表》
    《设计模式之禅(第2版)》
  • 原文地址:https://www.cnblogs.com/s021368/p/1531488.html
Copyright © 2011-2022 走看看