IE和FF之js 区别(2)

img的src刷新问题
在IE 下可以用 可以刷新图片，但在FireFox下不行。主要是缓存问题，在地址后面加个随机数就解决了:
1. myImg.src=this.src+’?'+Math.random();

xmlhttp=new XMLHttpRequest()
xmlhttp=new ActiveXObject(”Microsoft.XMLHTTP”)


IE下 input.type属性为只读，但是Firefox下可以修改.

在Firefox中，所有节点均有 nodeName 值，但 textNode 没有 tagName 值。
在IE中nodeName 的使用有时会有问题。
解决方法：
使用 tagName，但应检测其是否为空。

IE中支持使用parentElement和parentNode获取父节点.
而 Firefox只可以使用parentNode

mX = event.x ? event.x : event.pageX;
function onMenuClick(evt){ 
    if(evt == null)   evt = window.event; // For IE 
    var srcElement = evt.srcElement? evt.srcElement : evt.target; 
    ....
}

例如如果上述frame标签写在最上层的window里面的htm里面，那么可以这样访问
IE： window.top.frameId或者window.top.frameName来访问这个window对象
Firefox：只能这样 window.top.frameName来访问这个window对象
另外，在mf和ie中都可以使用 window.top.document.getElementById("frameId")来访问frame标签
并且可以通过 window.top.document.getElementById("testFrame").src = 'xx.htm'来切换frame的内容
也都可以通过window.top.frameName.location = 'xx.htm'来切换frame的内容


setAttribute()设置属性问题
IE中很多属性都不能用setAttribute进行设置,但Firefox中却可以,如:
theDiv.setAttribute('style','color:red');                                        //改为:object.style.cssText = 'color:red;';
setAttribute('class','styleClass')                                               //改为:setAttribute('className','styleClass');
obj.setAttribute('onclick','funcitonname();');                            //改为:obj.onclick=function(){fucntionname();};

obj.insertAdjacentElement("beforeBegin",objText);             // 改为obj.parentNode.insertBefore(objText,obj);

如果FF调用obj.focus(); 报错,请尝试改为:setTimeout( (){ obj.focus(); }, 0);

sytle.pixelHeight(IE) style.height(FF)

 

举例:

document.getElementById("btn").onclick = method1;
document.getElementById("btn").onclick = method2;
document.getElementById("btn").onclick = method3;

如果这样写,那么将会只有medhot3被执行

写成这样：

var btn1Obj = document.getElementById("btn1");
   btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent("onclick",method2);
btn1Obj.attachEvent("onclick",method3);

执行顺序为method3->method2->method1

如果是Mozilla系列，并不支持该方法，需要用到addEventListener

var btn1Obj = document.getElementById("btn1");
//element.addEventListener(type,listener,useCapture);
btn1Obj.addEventListener("click",method1,false);
btn1Obj.addEventListener("click",method2,false);
btn1Obj.addEventListener("click",method3,false);

执行顺序为method1->method2->method3