`
han_admins
  • 浏览: 633 次
  • 性别: Icon_minigender_2
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

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;


分享到:
评论

相关推荐

    IE与FF脚本兼容性问题

    ### IE与FF脚本兼容性问题详解 #### 一、概述 随着Web技术的发展,不同浏览器之间的兼容性问题一直是前端开发者关注的重点。本文主要探讨Internet Explorer(简称IE)与Mozilla Firefox(简称FF或MF)之间在...

    兼容IE和FF的js脚本代码小结(比较常用)

    做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同。这就需要我们程序员去兼容他们下面是兼容IE和FF的js脚本做法和分解(部分选自网上,经本人整理),希望对大家有帮助。

    【速查手册】IE与FF下JS的区别

    【速查手册】IE与FF下JS的区别 JavaScript是一种广泛应用于网页和网络应用的脚本语言,它在不同浏览器中的实现可能存在差异。IE(Internet Explorer)和FF(Firefox)是两个历史上非常重要的浏览器,它们对...

    FF和IE兼容性问题

    FF(Firefox)和IE(Internet Explorer)作为两大主流浏览器,它们对CSS的解析方式存在一定的差异,这使得开发者需要进行额外的工作来确保页面在不同浏览器下展示一致。本文将深入探讨FF和IE之间的CSS兼容性问题,...

    JS在IE和FF中的兼容性问题

    JavaScript(简称JS)是一种广泛应用于Web开发的脚本语言,它在不同的浏览器中可能存在兼容性问题,特别是Internet Explorer(IE)和Firefox(FF)之间。这两个浏览器对JS的实现方式有所不同,导致某些特性或功能在...

    js 日历 支持ie FF

    针对"支持FF",这里的FF指的是Mozilla Firefox浏览器,它与IE有不同的内核和JavaScript引擎实现,因此有些JavaScript代码可能在IE下运行正常而在Firefox下出现问题,反之亦然。为了确保兼容性,我们需要使用跨浏览器...

    CSS样式表下FF与IE的区别

    在CSS样式表的应用中,Firefox(火狐浏览器)和Internet Explorer(IE浏览器)之间存在一些显著的差异。这些差异主要集中在盒模型、居中对齐、边框与背景、鼠标指针样式、以及脚本处理等方面。理解这些差异对于创建...

    兼容IE7 IE8 FF 等主流浏览器多标签滑动门

    在提供的压缩包文件中,“兼容IE7 IE8 FF 等主流浏览器多标签滑动门”可能是包含源代码、CSS样式表、JavaScript脚本、示例HTML文件或其他相关资源的文件集合。这些文件将帮助开发者理解如何实现这样的滑动门效果,并...

    推拉门式菜单-兼容ie,ff

    在本资源中,作者针对兼容性问题进行了优化,使得推拉门菜单可以在Internet Explorer(IE)和Firefox(FF)这两个主流浏览器上正常工作。 在Web开发中,由于不同浏览器对CSS、JavaScript等技术的解析和实现存在差异...

    上传图片预览-兼容IE6,IE7,IE8,FF

    标题中的“上传图片预览-兼容IE6,IE7,IE8,FF”指的是一个Web开发的技术解决方案,目的是实现图片上传前的预览功能,并确保该功能在早期版本的Internet Explorer(IE6、IE7、IE8)以及Firefox浏览器上都能正常工作...

    javascript颜色选择工具 支持IE FF

    在"javascript颜色选择工具 支持IE FF"这个标题中,我们可以推断出该工具不仅适用于现代浏览器,如Firefox(FF),还兼容较为老旧的Internet Explorer(IE)浏览器。这在当时是非常重要的,因为IE在那个时期仍占有...

    ie6_ie7_ie8_ff(火狐)浏览器兼容性

    IE6、IE7和IE8是微软Internet Explorer系列中的早期版本,它们在解析网页、执行JavaScript脚本和渲染CSS样式方面存在诸多限制和差异。例如,IE6不支持透明PNG图片、盒模型计算错误等问题;而IE7虽然有所改进,但对...

    ajax兼容IE,FF问题

    最后,考虑到文件`ajax.js`可能是用于实现Ajax功能的库或脚本,它可能包含了上述兼容性的解决方案。在实际开发中,也可以使用成熟的库如jQuery、axios或fetch API,它们已经处理了很多兼容性问题,让开发者能更专注...

    Xml+JS省市县三级联动(兼容IE FF)

    "Xml+JS省市县三级联动(兼容IE FF)"就是一个这样的解决方案,它利用JavaScript(JS)语言处理XML文件,实现了在不同浏览器(如Internet Explorer和Firefox)中都可正常运行的联动效果。 XML(Extensible Markup ...

    google鼠标经过JS特效,IE/FF兼容

    标题中的"google鼠标经过JS特效,IE/FF兼容"指的是一个JavaScript实现的特效,它在鼠标悬停(mouseover)某个元素时,会触发一个特定的动画效果,即上部的图片从小到大闪动出现。这个特效适用于谷歌浏览器(Google ...

    Js 实现的幻灯片效果 兼容 IE FF

    JavaScript是一种广泛应用于网页开发的脚本语言,尤其在创建动态交互式用户体验方面有着显著的作用。在本案例中,我们讨论的是使用JavaScript实现的幻灯片效果,这种效果旨在为用户提供一种优雅的方式来展示一系列...

    IE和Mozilla中脚本兼容性汇总

    以下是一些关于IE和Mozilla中脚本兼容性的关键点: 1. **事件对象的访问**: - 在IE中,事件对象`event`会自动作为函数参数传递,如`doIt() { alert(event); }`。 - Mozilla不提供默认的全局`event`对象,需要在...

    兼容ff和ie的日历控件 js

    从给定的文件标题、描述、标签以及部分内容中,我们可以提炼出关于“兼容FF和IE的日历控件JS”的详细知识点。以下是对这些知识点的深入解析: ### 标题:“兼容ff和ie的日历控件 js” #### 知识点1:兼容性问题 ...

    浏览器共存(ie6,ie7 ff)

    不同的用户可能使用不同的浏览器,如Internet Explorer 6(IE6),Internet Explorer 7(IE7)以及Firefox(FF)。这些浏览器之间的兼容性差异可能导致网页在不同浏览器上显示不一致,给开发者带来挑战。下面我们将...

    不支持FF. 支持IE 预览效果

    支持IE”指的是该技术或功能在Firefox浏览器(FF)上可能无法正常工作,但可以在Internet Explorer(IE)浏览器上运行。这通常涉及到浏览器兼容性问题,是Web开发中常见的一类问题。由于Firefox和IE使用了不同的...

Global site tag (gtag.js) - Google Analytics