js ie8火狐谷歌兼容性问题，不需要判断是哪个浏览器，只需要判断支不支持这个属性

获取元素样式

/**
* 获取元素的当前显示样式
* 语法：元素.currentStyle.样式名
* 可以读取当前元素正在显示的样式
*
* ie浏览器支持，其他浏览器不支持
/
//alert(box1.currentStyle.width)
/
/
* getComputedStyle()这个方法来获取当前元素的样式
* 这个是windows方法，可以直接使用
* 需要两个参数
* 第一个：要获取样式的元素
* 第二个：可以传递一个伪元素，一般都传null
* 该方法返回一个对象，对象中封装了当前样式对应的样式
* 可以通过对象名.样式名来获取样式值
* 如果获取的样式没有设置值，则会获取真实的值而不是默认值，
* 比如没有设置width，他不会获取到auto，而是一个宽度
*
* 但是该方法不支持ie8
* 通过currentStyle和getComputedStyle()这两个方法获取到的样式都是只读的
*/

function getStyle(obj, name) {
                /**
                 * 不需要判断浏览器是ie还是火狐谷歌
                 * 下面的getComputedStyle在除ie8以外能识别，在ie8中就认为是一个变量
                 * ie8中在全局中找不到这个变量，就会报错，所以得写window.getComputedStyle
                 */
                //alert(window.getComputedStyle) 支持的话会弹出，不支持会报错 
                if (window.getComputedStyle) {
                    //正常浏览器方式
                    return getComputedStyle(obj, null)[name]
                } else {
                    //ie8的方式
                    return obj.currentStyle[name]
                }
            }

鼠标移动获取鼠标位置，浏览器事件

在ie里不支持.clientX，只支持window.clientX，
下面这个写法如果浏览器本身支持event事件（event可以换任意名字）就是用enent.xxxx，如果不支持就是用window.event.xxxx

areaDiv.onmousemove = function (event) {
				//解决事件对象的兼容性问题
                // if(!event){
                //     event = window.event
                // }
                //可使用if else方式，更常见的写法是下面这种写法
                
                event = event || window.event

                var x = event.clientX;
                var y = event.clientY;
                showMsg.innerHTML = 'x=' + x + ' ' + 'y=' + y
            }