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';
  }
}