js在伊江、FF和Chrome浏览器中的差异
由于浏览器公司有自己的兴趣,到目前为止,所有浏览器或JS标准的HTML标准还没有统一,在正常的开发中,我们经常使用的js框架基本上处理了不同浏览器中JS的差异,但作为开发人员,仍然需要了解JS在浏览器中的区别。FF和铬:没有window.event对象
铬:FF,不仅事件对象window.event对象,即只支持window.event,和其他主流浏览器都支持,所以一般写:函数句柄(e){ E = E | |事件;}
获取html元素
即:支持el.name,el.getattribute(名称)
FF,Chrome:基本属性支持的el.name其余属性仅支持el.getattribute(名称)
自定义属性问题
在IE的领导下,你可以通过获得常规属性的自定义属性,或者你可以使用自定义属性的getAttribute()。在Firefox中,你只能使用getAttribute()获取自定义属性。
Ajax请求
即:新的ActiveX对象()
FF,铬:新XMLHttpRequest()
获取html元素
即:支持el.name,el.getattribute(名称)
FF,Chrome:基本属性支持的el.name其余属性仅支持el.getattribute(名称)
使用的innerText
FF不支持InnerText。它支持的内容实施innerText。然而,文本内容不考虑显示为一个元素像innerText,所以它是不与IE.完全兼容,如果你不使用的内容,你可以使用innerHTML代替HTML代码里面的字符串。
如果(文件all){
document.getelementbyid('element)。innerText =mytext ;
别的{ }
document.getelementbyid('element)。内容=mytext ;
}
获取鼠标指针的位置。
它可能是非常罕见的为你计算鼠标指针的位置,但当你需要它的时候,在伊江和Firefox的语法是不同的。代码写在这里将是最基本的,或部分复杂事件处理。但他们可以解释的相似性和差异性。同时,必须指出,结果比Firefox更不同,而方法本身是错误的。
把这个写在伊江:
无功mycursorposition = { 0, 0 };
mycursorposition { 0 } = event.clientx;
mycursorposition { 1 } = event.clienty;
用Firefox写这个:
无功mycursorposition = { 0, 0 };
mycursorposition { 0 } = event.pagex;
mycursorposition { 1 } = event.pagey;
获取可见区域、窗口的大小。
有时,我们需要找到浏览器的视觉位置的大小,浏览器通常称为可见区域。
把这个写在伊江:
无功mybrowsersize = { 0, 0 };
mybrowsersize { 0 } = document.documentelement.clientwidth;
mybrowsersize { 1 } = document.documentelement.clientheight;
用Firefox写这个:
无功mybrowsersize = { 0, 0 };
mybrowsersize { 0 } = window.innerwidth;
mybrowsersize { 1 } = window.innerheight;
alpha透明度
这不是Javascript语法问题,而是源于CSS的alpha透明性,但是当一个对象需要淡入淡出时,它需要Javascript来显示它。这是通过访问CSS alpha的透明设置来完成的,通常是在一个循环中完成的:
写于伊江:
# myelement {过滤:α(不透明度50);}
用Firefox写这个:
# myelement {不透明度:0.5;}
把这个写在伊江:
VaR MyObject = document.getelementbyid(myelement );
myobject.style.filter =阿尔法(不透明度80);
用Firefox写这个:
VaR MyObject = document.getelementbyid(myelement );myobject.style.opacity =0.5;
css浮点值
访问一个给定的CSS值最基本的语法object.style.property,采用驼峰更换连接器的价值。例如,访问ID的背景色值作为头
document.getelementbyid(头)。风格。背景颜色=# CCC;
但因为这个词浮是一个javascript的保留字,所以我们不能访问它object.style.float。在这里我们可以在两个浏览器中做到这一点。
把这个写在伊江:
document.getelementbyid(头)。style.stylefloat =左;
用Firefox写这个:
document.getelementbyid(头)。style.cssfloat =左;
元素计算风格
Javascript可以使用object.style.property语法很容易地访问和修改一些CSS样式外,但其局限性是这些语法只能取出内置线式或Javascript直接设置。没有访问到外部样式表。为了访问该元素的清算的方式,我们可以使用下面的代码:
写于伊江:
VaR MyObject = document.getelementbyid(头);
我myobject.currentstyle.backgroundcolor var =;
用Firefox写这个:
VaR MyObject = document.getelementbyid(头);
无功mycomputedstyle = document.defaultview.getcomputedstyle(MyObject,null);
我mycomputedstyle.backgroundcolor var =;
访问元素的类
类是Javascript的保留字,在这两个浏览器中,我们使用以下语法访问类。
写于伊江:
VaR MyObject = document.getelementbyid(头);
无功myattribute = myobject.getattribute(类名);
用Firefox写这个:
VaR MyObject = document.getelementbyid(头);
无功myattribute = myobject.getattribute(类);