js兼容性浏览器代码

// 添加事件监听器的跨浏览器兼容写法
function addEvent(element, event, handler) {
    if (element.addEventListener) {
        element.addEventListener(event, handler, false);
    } else if (element.attachEvent) {
        element.attachEvent('on' + event, handler);
    } else {
        element['on' + event] = handler;
    }
}

// 获取元素样式的跨浏览器兼容写法
function getStyle(element, styleName) {
    if (window.getComputedStyle) {
        return window.getComputedStyle(element, null)[styleName];
    } else if (element.currentStyle) { // IE 浏览器
        return element.currentStyle[styleName];
    }
}

function createXHR() {
    if (typeof XMLHttpRequest !== 'undefined') {
        return new XMLHttpRequest();
    } else if (typeof ActiveXObject !== 'undefined') {
        if (typeof arguments.callee.activeXString !== 'string') {
            var versions = ['MSXML2.XMLHttp.6.0', 'MSXML2.XMLHttp.3.0', 'MSXML2.XMLHttp'],
                i, len;
            for (i = 0, len = versions.length; i < len; i++) {
                try {
                    new ActiveXObject(versions[i]);
                    arguments.callee.activeXString = versions[i];
                    break;
                } catch (ex) {
                    // 忽略
                }
            }
        }
        return new ActiveXObject(arguments.callee.activeXString);
    } else {
        throw new Error('No XHR object available.');
    }
}

// JSON.stringify 和 JSON.parse 的跨浏览器兼容
if (!window.JSON) {
    window.JSON = {
        stringify: function(jsonObj) {
            // 使用第三方库或者自己实现
        },
        parse: function(jsonStr) {
            // 使用第三方库或者自己实现
        }
    };
}