获取浏览器中url参数的方式

2023年 4月 23日 762点热度 1人点赞 0条评论

字符串截取，通过url获取参数

function getUrl(url){
    let arr = url.split('?');
    let params = arr[1].split('&');
    let obj = {};
    for(let i=0;i<params.length;i++){
        let param = params[i].split('=');
        obj[param[0]] = param[1];
    }
    return obj;
}
getUrl("www.baidu.com/js?name=baidu&age=21&page=2")
// {name: "baidu", age: "21", page: "2"}

拼接参数

const baseUrl = "https://www.example.com/search/#/aa?a=123&b=555";
const params = {
  keyword: "JavaScript",
  page: 1,
  sort: "date"
};
let url = '';

if (baseUrl.indexOf("?") !== -1) {
  url = `${baseUrl}&`;
} else {
  url = `${baseUrl}?`
}
for (const key in params) {
  url += `${key}=${encodeURIComponent(params[key])}&`;
}
url = url.slice(0, -1); // 去掉最后一个&符号
console.log(url);