JS兼容性问题.docxVIP

JS兼容性问题兼容FireFox(FF)、IE的解决方法做BS开发就难免会用到javascript，而每个浏览器对javascript的支持有不同。这就需要我们程序员去兼容他们，不然有些浏览器就无法运行我们的代码。就会造来客户的投诉，如果让BoSS知道了，这可不太好哦。下面是兼容IE和FF的js脚本做法和分解（部分选自网上）：????.以下以?IE?代替?Internet?Explorer，以?MF/FF?代替?Mozzila?Firefox??//window.event???IE：有window.event对象???FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(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。???//event.srcElement问题???说明:IE下,event对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,但是没有srcElement属性.???解决方法:使用obj(obj?=?event.srcElement???event.srcElement?:?event.target;)来代替IE下的event.srcElement或者Firefox下的event.target.?请同时注意event的兼容性问题。??//event.toElement问题???问题：???IE下，even对象有srcElement属性，但是没有target属性；Firefox下，even对象有target属性，但是没有srcElement属性???解决方法：???var?target?=?e.relatedTarget?||?e.toElement;???//标签的x和y的坐标位置：style.posLeft?和?style.posTop???IE：有。???FF：没有。???通用：object.offsetLeft?和?object.offsetTop。???//窗体的高度和宽度???IE：document.body.offsetWidth和document.body.offsetHeight。注意：此时页面一定要有body标签。???FF：window.innerWidth和window.innerHegiht，以及document.documentElement.clientWidth和document.documentElement.clientHeight。???通用：document.body.clientWidth和document.body.clientHeight。???//添加事件???IE：element.attachEvent(onclick,?function);。???FF：element.addEventListener(click,?function,?true)。???通?用：element.onclick=function。虽然都可以使用onclick事件，但是onclick和上面两种方法的效果是不一样的，onclick?只有执行一个过程，而attachEvent和addEventListener执行的是一个过程列表，也就是多个过程。例如：element.attachEvent(onclick,?func1);element.attachEvent(onclick,?func2)这样func1和func2都会被执行。???//标签的自定义属性???IE：如果给标签div1定义了一个属性value，可以div1.value和div1[value]取得该值。???FF：不能用div1.value和div1[value]取。???通用：div1.getAttribute(value)。???//document.form.item?问题??IE:现有问题：现有代码中存在许多?document.formName.item(itemName)?这样的语句，不能在?MF?下运行??FF/IE:?document.formName.elements[elementName]??//集合/数组类对象问题??(1)现有问题：??????现有代码中许多集合类对象取用时使用?()，IE?能接受，MF?不能。??(2)解决方法