如何在数据加载时禁用屏幕？

Question

我们正在尝试在数据从数据库加载时显示加载图像。我们正在使用AJAX调用来检索数据。目前，我们能够显示该图像。我们现在需要的是禁用整个屏幕，并在加载数据时仅显示加载图像。

有没有现成的解决方案？我希望有很多框架可以做到这一点。 请提供相关指示。

感谢。

Answer 1

这可以通过创建一个div（透明）并叠加在所有元素之上来完成。

   var freezeDiv = document.createElement("div");
   freezeDiv.id = "freezeDiv";
   freezeDiv.style.cssText = "position:absolute; top:0; right:0; width:" + screen.width + "px; height:" + screen.height + "px; background-color: #000000; opacity:0.5; filter:alpha(opacity=50)";    
   document.getElementsByTagName("body")[0].appendChild(freezeDiv );