1.event.srcelement
复制代码 代码如下:
//srcelement只能在ie下使用target是firefox使用的,下面是兼容性写法
var obj = e.srcelement ? e.srcelement : e.target;
2.e.originalevent.x
复制代码 代码如下:
// e.originalevent.x 只能在ie下使用,firefox只能使用e.originalevent.layerx,下面是兼容性写法
var positionx = e.originalevent.x - $(this).offset().left || e.originalevent.layerx - $(this).offset().left || 0;
3.windows.event
window.event只能在ie下运行,而不能在firefox下运行,
这是因为firefox的event只能在有事件发生的情况下使用
ie:
复制代码 代码如下:
以下是一个例子：
在画面上点击回车时，不触发事件，但是在textarea这样的框中点击回车触发事件。大家可以修改代码，以供自己使用：
复制代码 代码如下:
s
4.innertext
复制代码 代码如下:
关注一下ie和firefox的兼容性
5.css float 属性
获取给定对象的特定 css 属性的基本语法是 object.style 属性，而且有连字符的属性要用骆驼命名法来代替。例如，获取一个 id 为 header 的 div 的 background-color 属性，我们要用如下语法：
document.getelementbyid(header).style.borderbottom= 1px solid #ccc;
但是由于 float 是 javascript 的保留词，我们就无法使用 object.style.float 来获取 float 属性了。一下是我们在两种浏览器中的使用的方法：
ie 语法：
document.getelementbyid(header).style.stylefloat = left;
firefox 语法：
document.getelementbyid(header).style.cssfloat = left;
6.元素的计算样式
通过使用上述的 object.style.property， javascript 可以很容易的获取和修改对象的设定 css 样式。但是这一语法的局限在于，它只能取得内联在 html 里的样式，或者直接使用 javascript 设定的样式。style 对象不能获取使用外部样式表设定的样式。为了获取对象的计算样式，我们使用以下代码：
ie 语法：
复制代码 代码如下:
var myobject = document.getelementbyid(header);
var mystyle = myobject.currentstyle.backgroundcolor;
firefox 语法：
复制代码 代码如下:
var myobject = document.getelementbyid(header);
var mycomputedstyle = document.defaultview.getcomputedstyle(myobject, null);
var mystyle = mycomputedstyle.backgroundcolor;
7.获取元素的class属性
类似于float属性的情况，这两种浏览器使用不同的 javascript 方法来获取这个属性。
ie 语法：
复制代码 代码如下:
var myobject = document.getelementbyid(header);
var myattribute = myobject.getattribute(classname);
firefox 语法：
复制代码 代码如下:
var myobject = document.getelementbyid(header);
var myattribute = myobject.getattribute(class);
8.获取 label 标签的 for 属性
和 3 一样，使用 javascript获取 label 的 for 属性也有不同语法。
ie 语法：
复制代码 代码如下:
var myobject = document.getelementbyid(mylabel);
var myattribute = myobject.getattribute(htmlfor);
firefox 语法：
复制代码 代码如下:
var myobject = document.getelementbyid(mylabel);
var myattribute = myobject.getattribute(for);
对于 setatrribute 方法来说也是同样的语法。
9.获取光标位置
获取元素的光标位置比较少见，如果需要这么做，ie 和 firefox 的语法也是不同的。这个示例代码是相当基础的，一般用作许多复杂事件处理的一部分，这里仅用来描述差异。需要注意的是，ie 中的结果和 firefox 中是不同的，因此这个方法有些问题。通常，这个差异可以通过获取 滚动位置 来补偿 － 但那是另外一篇文章的课题了。
ie 语法：
复制代码 代码如下:
var mycursorposition = [0, 0];
mycursorposition[0] = event.clientx;
mycursorposition[1] = event.clienty;
firefox 语法：
复制代码 代码如下:
var mycursorposition = [0, 0];
mycursorposition[0] = event.pagex;
mycursorposition[1] = event.pagey;
10.获取视窗或浏览器窗口的尺寸
有时需要找出浏览器的有效窗口空间的尺寸，一般成为视窗。
ie 语法：
复制代码 代码如下:
var mybrowsersize = [0, 0];
mybrowsersize[0] = document.documentelement.clientwidth;
mybrowsersize[1] = document.documentelement.clientheight;
firefox 语法：
复制代码 代码如下:
var mybrowsersize = [0, 0];
mybrowsersize[0] = window.innerwidth;
mybrowsersize[1] = window.innerheight;
11.alpha 透明
嗯，这其实不是 javascript 的语法项目 - alpha 透明是通过 css 来设置的。但是当对象通过 javascript 设置为淡入淡出时，这就需要通过获取 css 的 alpha 设定来实现，一般是在循环内部。要通过以下 javascript 来改变 css 代码：
ie 语法：
复制代码 代码如下:
#myelement {
filter: alpha(opacity=50);
}
firefox 语法：
复制代码 代码如下:
#myelement {
opacity: 0.5;
}
要使用 javascript 获取这些值，需要使用 style 对象：
ie 语法：
复制代码 代码如下:
var myobject = document.getelementbyid(myelement);
myobject.style.filter = alpha(opacity=80);
firefox 语法：
复制代码 代码如下:
var myobject = document.getelementbyid(myelement);
myobject.style.opacity = 0.5″;
当然，已经说到了，一般是在循环中间来改变 opcity/alpha，来创建动画效果，但这这是个简单的例子，只是为了明白地描述方法是如何实现地。
作者: herobeast