js获取url地址中的参数

版权声明: https://blog.csdn.net/xiasohuai/article/details/81976667

假如url地址是:http://localhost:8080/#/bulletin-add?objectType=101&id=1030425672293494786

方法一: 

function getQueryVariable(variable){
    //这里我为么么不用window.location.search?因为,这里面带了哈希#,所以截取不到
    // var query = window.location.search.substring(1);
    var href=window.location.href
    var query=href.substr(href.indexOf("?")+1)
    var vars = query.split("&");
    for (var i=0;i<vars.length;i++) {
          var pair = vars[i].split("=");
          if(pair[0] == variable){return pair[1];}
    }
     return(false);
}
console.log(getQueryVariable('id'))  //1030425672293494786
console.log(getQueryVariable('objectType'))   //101

方法二:

function GetQueryString(name) { 
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  var href = window.location.href;
  var index = href.indexOf("?");
  var r = href.substr(index + 1).match(reg);
  if (r != null) {
    return decodeURIComponent(r[2]);
  }
  return null;
}
console.log(GetQueryString('objectType'))   //1030425672293494786

window.location 对象所包含的属性:

属性 描述
hash 从井号 (#) 开始的 URL(锚)
host 主机名和当前 URL 的端口号
hostname 当前 URL 的主机名
href 完整的 URL
pathname 当前 URL 的路径部分
port 当前 URL 的端口号
protocol 当前 URL 的协议
search 从问号 (?) 开始的 URL(查询部分)

猜你喜欢

转载自blog.csdn.net/xiasohuai/article/details/81976667