js设置元素时好时坏的问题_js时好时坏-优快云博客

本文详细介绍了如何将项目兼容至IE10，并通过调整代码位置确保其在页面完全加载后生效，避免了代码时好时坏的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要把项目兼容到ie，先从10做起，判断若是ie10则进行调整操作：

if( "ActiveXObject" in window && document.documentMode>=10 ){
            document.getElementById("username").style.position="relative";
            document.getElementById("username").style.left="3px";
        }

但发现这段代码时好时坏，一会起作用一会不起作用，后来才发现原来是放的位置不对，我把他放在了jquery的文档就绪函数中：$(function(){ …… });

这里的代码在页面没有完全加载之前就会运行，所以可能会出现找不到元素的情况，当然对其的设置也不会生效，它要放在页面各部分完全加载完之时或后才会起作用：

<script language="javascript" type="text/javascript">
document.onreadystatechange = function(){
    if(document.readyState=="complete"){
        if( "ActiveXObject" in window && document.documentMode>=10 ){
            document.getElementById("username").style.position="relative";
            document.getElementById("username").style.left="3px";
        }
    }else{
       alert("文档未完全加载");
    }
}
</script>