1,设置或获取整个 URL
window.location.href
2,设置或获取 URL 的协议部分
window.location.protocol
3,设置或获取 URL 的主机部分
window.location.host
4,设置或获取与 URL 关联的端口号
window.location.port
5,设置或获取 URL 的文件地址
window.location.pathname
6,设置或获取 href 属性中在井号“#”后面的分段
window.location.hash
7,设置或获取 URL 问号后面的部分
window.location.search
8,从 URL 中获取指定的参数
// 假设当前页面链接为:
//https://editor.csdn.net/md?name=csdn&articleId=1685&articleId=11681
const searchParams = new URLSearchParams(window.location.search);
console.log(searchParams.get("name"));
//csdn
console.log(searchParams.getAll('articleId'));
// ['1685', '11681']
URLSearchParams还可以方便的修改参数
// 假设当前页面链接为:
// https://editor.csdn.net/md?name=csdn&articleId=1685&articleId=11681
const searchParams = new URLSearchParams(window.location.search);
// 添加参数
searchParams.append("id", "987");
// 删除参数
searchParams.delete("name");
// 输出
searchParams.toString();
// "name=csdn&articleId=1685&articleId=11681"
获取URL的地址及指定的参数
最新推荐文章于 2023-09-20 14:33:57 发布