ie和ff的js区别

今天在编写代码时遇到了一个问题代码如下

info = document.getElementById('info').value;
    if(info == 'true')
        setCookie('msg','true',31,'/');
    else
        setCookie('msg','false',31,'/');

后面调试时该代码在ff下能够起到正常作用，但是在ie下却失效。
于是重新调试代码，最后发现ie下的cookie文件根本没写进去，经过检查，程序在第一句就执行出错跳出去了，仔细思考了下，想起元素id在ie和ff中是有细小区别的，而我的代码为简单省事直接把元素id名称直接作为变量名称了，可能是这里让ie浏览器弄混了，于是重新把代码改为

var infoValue = document.getElementById('info').value;
    if(infoValue == 'true')
        setCookie('msg','true',31,'/');
    else
        setCookie('msg','false',31,'/');

然后重新调试，这下在ie和ff浏览器中都能够正常运行了。
最后总结下：IE下,HTML对象的ID可以作为document的下属对象变量名直接使用;Firefox下则不能.Firefox下,可以使用与HTML对象ID相同的变量名;IE下则不能。
解决方法:使用document.getElementById(idName)代替document.idName.最好不要取HTML对象ID相同的变量名,以减少错误;在声明变量时,一律加上var,以避免歧义.

评论

1 楼 yiminghe 2010-02-25  

原理：id命名标签的DOM节点，ie为了兼容会引入到全局空间的