IE、FF脚本的区别

一. widow.event
IE:有window.event对象
FF:没有window.event对象。

解决方法:
var event = window.event || event;

function test(event){
  var event = window.event || event;
}


二.鼠标当前坐标
IE:event.x 和 event.y
FF:event.pageX和event.pageY
通用:两者都有event.clientX和event.clientY;

三.鼠标当前坐标(加上滚动条滚过的距离)
IE:event.offsetX和event.offsetY
FF:event.layerX和event.layerY

解决方法:
funtion test(event){
  var event =window.event || event;
  var x = event.offsetX || event.layerX;
  var y = event.offsetY || event.layerY;
}


四:event.srcElement 和event.target;
IE:event.srcElement
FF:event.target;
解决方法:
var obj = event.srcElement  ? event.srcElement : event.target


五.event.toElement
IE:event.srcElement
FF:event.target;
解决方法:
var target = e.relatedTarget || e.toElement;

六.窗口的宽高
IE:document.body.offsetWidth 和offsetHeight;
FF:window.innerWidth 和window.innerHeight;
解决方法:
document.body.clientWidth和document.body.clientHeight;

七.添加事件
IE:element.attachEvent('onclick',function);
FF:element.addEventListener('click',function,true);
解决方法:
function addEvent(obj,ev,fn){
  if(obj.addEventListener){
     obj.addEventListener(ev,fn,false);
        return false;
     }else if(obj,attachEvent){
       var on = obj.attachEvent('on'+ev,fn);
       return on;
     }else{
         return false;
     }
}


addEvent(document,'load',function(){
alert('触发我!');
});

八.标签定义的属性
IE:obj.value和obj['value'];
FF:----;
解决方法: obj.getAttrbute('value');

九.document.form.item
IE:document.form.item('itemName');
FF:---;
解决方法: document.formName.elements['elementName'];

十.window.location.href
IE:window.location或window.location.href
FF:window.location
解决方法:window.location

十一.frame
<frame src="xxx.html" mm_src="xxx.html" id="frameId" name="frameName" />
IE:window.frameId或window.frameName
FF:window.frameName
解决方法:window.document.getElementById("frameId");


十一.parentElement父节点、子节点和删除节点
IE:parentElement    parement.children            element.removeNode(true);
FF:parentNode       parentNode.childNodes   node.parentNode.removeChild(node);

十二.禁止选取网页文本
IE:obj.onselectstart = function (){ return false;}
FF:-moz-user-selet:none;

十二.透明以及图片透明
IE:filter:alpha(opacity=60);       
      .menu{background:none;filter:progid:DXImage Transform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src="pic.png");}
FF:opacity:0.6;


你可能感兴趣的:(JavaScript,IE,FF,ie火狐脚本区别)