Question

我准备了一个ASP.NET网站。但它包含许多闪光控制。当您进入页面时，某些闪光灯控件无法加载但页面正在打开。因此闪光灯部件显示效果不佳。

要解决这个问题，我想在aspx页面上添加一个页面加载代码。图片或礼物插图直到页面完全加载。

请给我一个代码，但我不知道如何将代码添加到aspx页面，所以我也需要一些说明。

Answer 1

如果只是你想要在加载屏幕时覆盖屏幕，那么这样的事情应该可以解决问题：

<script type="text/javascript">
(function()
{   
  if (window.addEventListener)
  {
    window.addEventListener("load", hide_loading_screen, false);    
  }
  else
  {
    window.attachEvent("onload", hide_loading_screen);
  }
})();

function display_loading_screen()
{
  document.getElementById("loading_screen").style.display = 'block';
}

function hide_loading_screen()
{
  document.getElementById("loading_screen").style.display = 'none';
}
</script>

<style type="text/css">
#loading_screen
{  
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: black;
  color: white;  
  text-align: center;
  padding-top: 100px;
  z-index: 1000;
}
</style>

</head>

<body>

<div id="loading_screen">
  <h1>Loading...</h1>
  <h3>Please Wait...</h3>
</div>

<script type="text/javascript">display_loading_screen();</script>

</body>

如果这是您想要的，您可以将loading_screen div上的CSS更改为图像。

如果你正在使用jQuery，那么你可以用$（document）.ready（）处理程序替换window.addEventListener。如果您不使用jQuery，那么您可能应该...... [/ p>

如何在我的aspx页面上插入页面加载代码？

1 个答案: