js获取地址栏的几种方法

// 方法一   

        var strHref = "http://网址ip/index.html?a=参数1&b=参数二&c=参数三"
        var intPos = strHref.indexOf("?")
        console.log(intPos) // 22
        var strRight = strHref.substr(intPos + 1)
        // var strRight = strHref.split("?")[1]
        // console.log(strHref.split("?")[1]) // a=参数1&b=参数二&c=参数三
        console.log(strRight) // a=参数1&b=参数二&c=参数三
        var arrTmp = strRight.split('&')
        console.log(arrTmp) //["a=参数1", "b=参数二", "c=参数三"]
        var arr = []
        for (var i = 0 ; i < arrTmp.length; i++) {
            var arrTemp = arrTmp[i].split('=')
            var obj = {}
            obj[arrTemp[0]] = arrTemp[1]
            arr.push(obj)
            console.log(arrTemp) //["a", "参数1"],["b", "参数二"],["c", "参数三"]
        }
        console.log(arr) //  [{a: "参数1"}, {b: "参数二"}, {c: "参数三"}]

 

// 方法二
function GetQueryString (name) {
  var strHref = "http://网址ip/index.html?a=参数1&b=参数二&c=参数三"
  var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)")
//   var r = window.location.search.substr(1).match(reg)
  var r = strHref.substr(1).match(reg)
//   if (r !== null && r.toString().length > 1) {
  if (r !== null) {
    return r[2]
  } else {
    return null
  }
}
console.log(GetQueryString('a')) // null
console.log(GetQueryString('b')) //参数二
console.log(GetQueryString('c')) //参数三

function getQueryString (name) {
  var strHref = "http://网址ip/index.html?a=参数1&b=参数二&c=参数三"
//   var strHref = window.localtion.search
  // if(strHref.index('?') === -1) {return null} // 如果没有传参数直接返回null
  // key存在先通过search取值 如果取不到就通过hash来取
  strHref = strHref.substr(1) || strHref.split("?")[1]
//   strHref = strHref.substr(1) || window.location.hash.split("?")[1]
    if (strHref) {
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)")
        var r = strHref.match(reg)
        if (r != null) {
            return r[2]
        } else {
            return null
        }
    }
}
console.log(getQueryString('a')) // null
console.log(getQueryString('b')) //参数二
console.log(getQueryString('c')) //参数三