js方法总结【处理url参数/获取网址主域名/requestAnimationFrame兼容处理】

处理url参数

处理一个url的参数

 window.GetUrlArgsObj = function () {
    var url = location.search; //获取url中"?"符后的字串
      var theRequest = new Object();
      if (url.indexOf("?") != -1) {
          const str = url.substr(1);
          const strs = str.split("&");
          for (var i = 0; i < strs.length; i++) {
              theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
          }
      }
      return theRequest;
  }
  使用方法：GetUrlArgsObj().xxx

处理一坨url的参数

// 获取传入参数在url上的第一个值
function  getFirstParameter(arrEle) {
    var re = new RegExp(arrEle +"=([\/a-zA-Z0-9\-]+)"); //去当前参数的正则
    var first_url_parameter = ""; //默认为""
    var url_parm = location.search.match(re); //获取url？后面的字符串进行正则匹配传入参数
    if (url_parm) {
        if (url_parm && url_parm[1]) {
            first_url_parameter = url_parm[1];
        }
    }
    return first_url_parameter;
}
// 处理传入参数
function  getUrlParameter(parm) {
    var gettype = Object.prototype.toString
    var arr_parm,newArr_parm; 
    switch (gettype.call(parm)){
        case '[object Array]':
            newArr_parm = parm.map(getFirstParameter);
            break;
        case '[object String]':
            newArr_parm = getFirstParameter(parm);
            break;
        default: 
            console.log("请传入数组或者字符串")
    } 
    return newArr_parm;
}


使用方法：app_parm = getUrlParameter(["openid","unionid","path"])

获取网址主域名

// 获取主域名
function getMainHost() {
  var key = `mh_${Math.random()}`
  var keyR = new RegExp(`(^|;)\\s*${key}=12345`)
  var expiredTime = new Date(0)
  var domain = document.domain
  var domainList = domain.split('.')
  var urlItems = []
  // 主域名一定会有两部分组成
  urlItems.unshift(domainList.pop())
  // 慢慢从后往前测试
  while (domainList.length) {
    urlItems.unshift(domainList.pop())
    var mainHost = urlItems.join('.')
    var cookie = `${key}=${12345};domain=.${mainHost}`

    document.cookie = cookie

    //如果cookie存在，则说明域名合法
    if (keyR.test(document.cookie)) {
      document.cookie = `${cookie};expires=${expiredTime}`
      return mainHost
    }
  }
}

requestAnimationFrame兼容处理

    (function () {
        var lastTime = 0;
        var vendors = ['webkit', 'moz'];
        for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
            window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
            window.cancelAnimationFrame =
                window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] +
                    'CancelRequestAnimationFrame'];
        }
        if (!window.requestAnimationFrame)
            window.requestAnimationFrame = function (callback, element) {
                var currTime = new Date().getTime();
                var timeToCall = Math.max(0, 16 - (currTime - lastTime));
                var id = window.setTimeout(function () {
                        callback(currTime + timeToCall);
                    },
                    timeToCall);
                lastTime = currTime + timeToCall;
                return id;
            };

        if (!window.cancelAnimationFrame)
            window.cancelAnimationFrame = function (id) {
                clearTimeout(id);
            };
    }());