开发中少不了的Fun -- 获取地址栏URL参数

假设这是一个url地址 http://localhost:8080/a/b/c?a=1&b=2#abc，里面包含的部分：

        protocol: 'http:',  // 协议
        host: 'localhost:8080', // 主机
        port: '8080', // 端口
        hostname: 'localhost', // 主机名称
        hash: '#abc',
        search: '?a=1&b=2',
        query: 'a=1&b=2',
        pathname: '/a/b/c',
        path: '/a/b/c?a=1&b=2',
        href: 'http://localhost:8080/a/b/c?a=1&b=2#abc' // 超链接

        decodeURIComponent() 对编码后的 URI 进行解码,
        encodeURIComponent() 函数可把字符串作为 URI 组件进行编码,
        encodeURI()不会对本身属于URI的特殊字符进行编码，例如冒号、正斜杠、问号和井字号；而encodeURIComponent()则会对它发现的任何非标准字符进行编码,

        location 对象包含有关当前 URL 的信息,
        location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问,

将地址栏url的query解析成对象

        function urlSlice(url){
            if(url.indexOf('?') == -1){
                return false;
            }
            var arr =  decodeURIComponent(url).split("?");
                arr = arr[1].split("&");
            var len = arr.length, obj={};
            for(var i = 0;i < len;i++){
                var a = arr[i].split("=");
                obj[a[0]] = a[1];
            }
            return obj;
        }
        var objUrl = urlSlice(location.href);
        console.log(objUrl);

GetQueryString: function (name) {
     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if (r != null) return unescape(r[2]);
          return null;
},

清楚跳转链接历史记录

fnUrlReplace(href) {
   if (href && /^#|javasc/.test(href) === false) {
       if (history.replaceState) {
           history.replaceState(null, document.title, href.split('#')[0] + '#');
           location.replace('');
       } else {
    location.replace(href);
   }
  }
}