Question

我正在尝试在页面加载时显示加载图像。这是我的代码。

<body onunload="doHourglass();" onbeforeunload="doHourglass();" onload="setTimeout('show()',2000);">
<div id="divWait" style="display:none" >
      <h1>wait...</h1>
  </div>

<div id="main" style="display:none">
<asp:Button ID="btnHidden" runat="server" OnClick="code behind handler"
<div/>
<script>
function doHourglass()
{
console.log("inside dohour glass");
var divwait=document.getElementById('divWait');
 var divmainpage=document.getElementById('main');
 divmainpage.style.zIndex="0";
 divwait.style.zIndex="1";
 divwait.style.display='inline';
divmainpage.style.display='none';
setTimeout("show()",2000);
}
function show()
{
console.log("inside show");
var divwait=document.getElementById('divWait');
 var divmainpage=document.getElementById('main');
 divmainpage.style.zIndex="1";
 divwait.style.zIndex="0";
 divwait.style.display='none';
divmainpage.style.display='inline';
}
</script>
</body>

问题是，当页面第一次加载时它无法正常工作。当我使用console.log（）检查时，我第一次看到控件没有进入doHourGlass（）函数。但是对于按钮点击事件它运作得很好。

我试过的东西：在SO上检查了这个link，但我没有放置静态html。我正在尝试获取html元素的id然后处理该元素我无法使用该解决方案。

编辑：我找到的一种方法是保持divwait可见并隐藏主分区然后在页面加载时显示主div。但这样我只能显示静态html.i希望能够第一次加载页面时调用函数发生了什么？有没有办法实现它？请指导我。

Asp.net:show首次加载页面之前加载图片

0 个答案: