几行javascript代码的兼容性问题

Question

以下内容是从网上看到的，原文在这里 http://jetking.ibox.name/firefox-readystate-onload/我不明白，最后那修改的 window.onload 是把前一段js怎么改的？不是还有调用 onloadOver() 吗？<div id="JK_Msg" style="color:#ff0000">图片加载中，请稍候……</div>；
<div id="JK_Mc"><img src="1.jpg" /><br /> <img src="2.jpg" />……</div>
<script language="JavaScript">
alert(document.readyState);
var oMsg = document.getElementById('JK_Msg');
var oC = document.getElementById('JK_C');
function onLoadOver(){
    oMsg.style.display = 'none';
    oC.style.display = 'block';
}
if (document.readyState=="complete"){
   onLoadOver();
}
else{
   document.onreadystatechange = function(){
            if (document.readyState == "complete"){
               onLoadOver();
            }
   }
}
</script>但在FireFox下测试时发现并不能正常显示，alert(document.readyState); 的值居然是“ undefind”。上网查了些资料，改用window.onload方式实现：
<script language="JavaScript">
window.onload = function(){
    document.getElementById('JK_Msg').style.display = 'none';
    document.getElementById('JK_C').style.display = 'block';
}
</script>

Answer 1

不知你玩什么呢。只是要设置显示和隐藏。只需要在</BODY>后面加上：
<script language="JavaScript">
    document.getElementById('JK_Msg').style.display = 'none';
    document.getElementById('JK_C').style.display = 'block';
</script>
就是了