不同浏览器之间的一些差异整理

火狐浏览器中,非float的div前面有同一父级的float的div,此div若有背景图,要使用clear:both,才能显示背景图,而IE6.0中不用使用clear:both

在[text-decoration:underline]的属性下,IE6.0显示的下划线会比FireFox低一点。

在FireFox中,部分笔画会在下划线的下面1个象素左右

innerText IE支持,FIREFOX不支持 http://w3help.org/zh-cn/causes/SD9017 

仅 IE 中的 createElement 方法支持传入 HTML String 做参数 http://w3help.org/zh-cn/causes/SD9010    

setAttribute('class','styleClass') FIREFOX支持,IE不支持  http://w3help.org/zh-cn/causes/SD9006  

IE 混淆了 DOM 对象属性(property)及 HTML 标签属性(attribute),造成了对 setAttribute、getAttribute 的不正确实现 http://w3help.org/zh-cn/causes/SD9006

阅读更多

处理浏览器之间差异

05-21

[code=JScript]rn//处理浏览器之间的差异rnvar EventUtil = rn addHandler: function (element, type, handler) rn if (element.addEventListener) rn element.addEventListener(type, handler, false); //Dom2级方法rn rn else if (element.attachEvent) rn element.attachEvent("on" + type, handler); //IE方法rn rn else rn element["on" + type] = handler; //Dom0级方法rn rn ,rn removeHandler: function (element, type, handler) rn if (element.removeEventListener) rn element.removeEventListener(type, handler, false);rn rn else if (element.detachEvent) rn element.detachEvent("on" + type, handler);rn rn else rn element["on" + type] = null;rn rn ,rn getEvent: function (event) //返回对event对象的引用rn return event ? event : window.event;rn ,rn getTarget: function (event) //返回事件的目标rn return event.target || event.srcElement;rn ,rn preventDefault: function (event) //取消事件的默认行为rn if (event.preventDefault) rn event.preventDefault();rn rn else rn event.returnValue = false;rn rn ,rn stopPropagation: function (event) //阻止事件冒泡rn if (event.stopPropagation) rn event.stopPropagation();rn rn else rn event.cancelBubble = true;rn rn ,rn getRelatedTarget: function (event) rn if (event.relatedTarget) //DOM只对于mouseout、mouseover才包含值rn return event.relatedTarget;rn rn else if (event.toElement) //IE mouseoutrn return event.toElement;rn rn else if (event.fromElement) //IE mouseoverrn return event.fromElement;rn rn else rn return null;rn rn ,rn getButton: function (event) rn if (document.implementation.hasFeature("MouseEvents", "2.0")) rn return event.button;rn rn else rn switch (event.button) rn case 0: //表示没按下按钮rn case 1: //表示按下了主鼠标按钮rn case 3: //表示同时按下了主,次鼠标按钮rn case 5: //表示同时按下了主鼠标按钮和中间的鼠标按钮rn case 7: //表示同时按下了三个鼠标按钮rn return 0;rn case 2: //表示按下了次鼠标按钮rn case 6: //表示同时按下了次鼠标按钮和中间的鼠标按钮rn return 2;rn case 4: //表示按下了中间的鼠标按钮rn return 1;rn rn rn ,rn getWheelDelta: function (event) //检测事件是否包含wheelDelta属性rn if (event.wheelDelta) rn return (client.engine.opera && client.engine.opera < 9.5 ? -event.wheelDelta : event.wheelDelta);rn rn else rn return -event.detail * 40;rn rn ,rn getCharCode: function (event) //检测charCode属性是否包含数值rn if (typeof event.charCode == "number") rn return event.charCode;rn rn else rn return event.keyCode;rn rn rnrnrn[/code]rn闲着无聊,看书看到这些,总结了下

没有更多推荐了,返回首页