JavaScript屏幕的冻结与解冻

function  startUse(message) {
         var  loadingMessage;
       if  (message){
          loadingMessage  =  message;
      } else  {
          loadingMessage  =   " Loading " ;
      }
      
     var  disabledZone  =  document.getElementById( ' disabledZone ' );
     if  ( ! disabledZone) {
      disabledZone  =  document.createElement( ' div ' );
      disabledZone.setAttribute( ' id ' ,  ' disabledZone ' );
      disabledZone.style.position  =   " absolute " ;
      disabledZone.style.zIndex  =   " 1000 " ;
      disabledZone.style.left  =   " 0px " ;
      disabledZone.style.top  =   " 0px " ;
      disabledZone.style.width  =   " 100% " ;
      disabledZone.style.height  =   " 50% " ;
      disabledZone.style.background  =   " yellow "
      disabledZone.style.filter  =   " alpha(opacity=50) "
      document.body.appendChild(disabledZone);
      
       var  messageZone  =  document.createElement( ' div ' );
      messageZone.setAttribute( ' id ' ,  ' messageZone ' );
      messageZone.style.position  =   " absolute " ;
      messageZone.style.top  =   " 0px " ;
      messageZone.style.right  =   " 0px " ;
      messageZone.style.background  =   " red " ;
      messageZone.style.color  =   " white " ;
      messageZone.style.fontFamily  =   " Arial,Helvetica,sans-serif " ;
      messageZone.style.padding  =   " 4px " ;
      document.body.appendChild(messageZone);
       var  text  =  document.createTextNode(loadingMessage);
      messageZone.appendChild(text);
    }
     else  {
      document.getElementById( ' messageZone ' ).innerHTML  =  loadingMessage;
      disabledZone.style.visibility  =   ' visible ' ;
      document.getElementById( ' messageZone ' ).style.visibility  =   ' visible ' ;
    }
  }

function  endUse() {
     // debugger;
     var  disabledZone  =  document.getElementById( ' disabledZone ' );
   if  (disabledZone) {
    document.getElementById( ' disabledZone ' ).style.visibility  =   ' hidden ' ;
  }
   var  messageZone  =  document.getElementById( ' messageZone ' );
   if  (messageZone) {
    document.getElementById( ' messageZone ' ).style.visibility  =   ' hidden ' ;
  }
}

 
2、带图片的等待画面

function  startUse(imgSrc)  ... {
      var imageSrc;
      if (imgSrc)...{
          imageSrc = imgSrc;
      }else ...{
          imageSrc = "/ExamCenter/images/ajax-loader.gif";
      }
      
    var disabledZone = document.getElementById('disabledZone');
    if (!disabledZone) ...{
      disabledZone = document.createElement('div');
      disabledZone.setAttribute('id', 'disabledZone');
      disabledZone.style.position = "absolute";
      disabledZone.style.zIndex = "1000";
      disabledZone.style.left = "0px";
      disabledZone.style.top = "0px";
      disabledZone.style.width = "100%";
      disabledZone.style.height = "100%";
      disabledZone.style.background = "yellow"
      disabledZone.style.filter = "alpha(opacity=50)"
      document.body.appendChild(disabledZone);
      
      var imageZone = document.createElement('img');
      imageZone.setAttribute('id','imageZone');
      imageZone.setAttribute('src',imageSrc);
      imageZone.style.position = "absolute";
      imageZone.style.top = "0px";
      imageZone.style.right = "0px";
      disabledZone.appendChild(imageZone);
      document.body.appendChild(disabledZone);
    }
    else ...{
      document.getElementById('imageZone').src = imageSrc;
      disabledZone.style.visibility = 'visible';
      document.getElementById('imageZone').style.visibility = 'visible';
    }
  }

function  endUse()  ... {
    //debugger;
    var disabledZone = document.getElementById('disabledZone');
  if (disabledZone) ...{
    document.getElementById('disabledZone').style.visibility = 'hidden';
  }
  var imageZone = document.getElementById('imageZone');
  if (imageZone) ...{
    document.getElementById('imageZone').style.visibility = 'hidden';
  }
}