【求9】---------------------------display问题

Question

<style>
#topFill{text-align:center;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75);background-color:#eee;opacity: 0.5;-moz-opacity: 0.5; width:1024px; height:1000px;}
#alertContent{margin:400px 50px 0px 0px;text-align:center; color:red; font-size:16px; font-weight:bold}
</style><script>document.onreadystatechange = function(){   
        if(document.readyState=="complete")   
        {   
        document.getElementById('topFill').style.display = "none";
        } 
} <script><div id="topFill">
<div id="alertBox">
  <div id="alertContent">数据加载中请稍候...<img src="images/loading.gif" /></div>
</div>
</div>想做个页面未加载完的时候显示 数据加载中  
默认显示topfill层    加载完后     隐藏;
IE6 7成功    火狐不行，就是document.getElementById('topFill').style.display = "none";
不起作用   喂神马  怎么改

Answer 1

好像是没有那个事件，，你用Jquery的加载完成后才执行的函数吧。
   $(document).ready(function(){
    
    document.getElementById('topFill').style.display = "none";
    })

Answer 2

document.readyState
我怎么没见过js中还有这个属性？

Answer 3

readyState
这好像是ajax中的吧。要不，就是这个属性不是统一的。

Answer 4

判断网页加载完毕不是可以用window.onload嘛，jQuery方法的你引用jQuery文件了没

Answer 5

引用 1 楼 shaoliang520xi 的回复:
好像是没有那个事件，，你用Jquery的加载完成后才执行的函数吧。
$(document).ready(function(){document.getElementById('topFill').style.display = "none";
})
也不行啊
你有引用Jquery包吗？

Answer 6

<script>window.onload = function(){   
         
   document.getElementById('topFill').style.display = "none";
      
} <script>你的写法，只兼容IE

Answer 7

<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="js/jquery.foobar.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.tablesorter.js" type="text/javascript"></script>还少吗

Answer 8

原来用load就可以了！可能火狐不支持onreadystatechange

Answer 9

document.onreadystatechange
FF里面的html控件没有这个事件。
FF里只有XMLHttprequest对象有onreadystatechange事件。
它有自己的判断加载完成的事件。
document.addEventListener("DOMContentLoaded", fireDOMReadyEvent, false); 

Answer 10

document.readyState 当然有这个属性 在ie中用来判断是否加载完成但是在ff中没有用你可以试着这样写
function isload(){ 
if(document.readyState && document.readyState != "complete")   
{   
window.setTimeout(isload,10);
return;
} 
document.getElementById('topFill').style.display = "none";
}
window.onload = isload;