版权声明: 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(查询部分) |