zoukankan      html  css  js  c++  java
  • ie9以下的浏览器兼容性问题

    .bind不兼容的问题
    Function.prototype.bind = function () {
    var fn = this, args = Array.prototype.slice.call(arguments), object = args.shift();
    return function () {
    return fn.apply(object,
    args.concat(Array.prototype.slice.call(arguments)));
    };
    };


    .getElementsByClassName 不兼容的问题

    var getElementsByClassName = function (searchClass, node, tag) {
    var result = [];
    if (document.getElementsByClassName) {
    var nodes = (node || document).getElementsByClassName(searchClass);
    for (var i = 0; node = nodes[i++];) {
    if (tag !== "*" && node.tagName === tag.toUpperCase()) {
    result.push(node)
    }
    }
    return result
    } else {
    node = node || document;
    tag = tag || "*";
    var classes = searchClass.split(" "),
    elements = (tag === "*" && node.all) ? node.all : node.getElementsByTagName(tag),
    patterns = [],
    current,
    match;
    var i = classes.length;
    while (--i >= 0) {
    patterns.push(new RegExp("(^|\s)" + classes[i] + "(\s|$)"));
    }
    var j = elements.length;
    while (--j >= 0) {
    current = elements[j];
    match = false;
    for (var k = 0, kl = patterns.length; k < kl; k++) {
    match = patterns[k].test(current.className);
    if (!match) break;
    }
    if (match) result.push(current);
    }
    return result;
    }
    }

    addEventListener不兼容的问题

    function myAddEvent(obj, ev, fn) {
    if (obj.attachEvent) {
    obj.attachEvent("on" + ev, fn);
    }
    else {
    obj.addEventListener(ev, fn, false);
    }
    }

    .map不兼容的问题
    Array.prototype.myMap = function (fn, context) {
    context = context || window;
    var ary = [];
    if (Array.prototype.map) {
    ary = this.map(fn, context);
    } else {
    for (var i = 0; i < this.length; i++) {
    ary[i] = fn.apply(context, [this[i], i, this]);
    }
    }
    return ary;
    }

    e.stopPropagation的兼容性问题

    function stopPropagation(){
    e = window.event || e;
    if (document.all) { //只有ie识别
    e.cancelBubble = true;
    } else {
    e.stopPropagation();
    }
    }

    e.currentTarget的兼容性问题修复如下:
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
    var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
    if (isIE) {
    var reIE = new RegExp("MSIE (\d+\.\d+);");
    reIE.test(userAgent);
    var fIEVersion = parseFloat(RegExp["$1"]);
    if (fIEVersion == 7 || fIEVersion == 8) {
    e=e.srcElement.parentElement;
    }else{
    e=e.currentTarget;
    }
    }else{
    e=e.currentTarget;
    }
  • 相关阅读:
    浅谈缓存管理
    [Architecture Pattern] Database Migration (上)
    knockout.js的学习笔记4
    cenOS5.5安装oracle10g(傻瓜篇)
    SportsStore:管理 — 精通ASP.NET MVC 3
    ASP.NET MVC下的异步Action的定义和执行原理
    基于EF 4.3.1 Code First的领域驱动设计实践案例
    asp.net缓存
    《Pro ASP.NET MVC 3 Framework》部署
    Asp.Net MVC 3.0【Hello World!】
  • 原文地址:https://www.cnblogs.com/weihongli/p/6474538.html
Copyright © 2011-2022 走看看