js url对象

// 创建一个 URL 对象
const url = new URL('https://www.example.com/path?query=123#fragment');

// 获取不同的 URL 组件
console.log(url.protocol);   // 输出: "https:"
console.log(url.host);       // 输出: "www.example.com"
console.log(url.pathname);   // 输出: "/path"
console.log(url.search);     // 输出: "?query=123"
console.log(url.hash);       // 输出: "#fragment"

// 修改 URL 的部分组件
url.pathname = '/new-path';
console.log(url.href);       // 输出: "https://www.example.com/new-path?query=123#fragment"

// 解析查询参数
const params = new URLSearchParams(url.search);
console.log(params.get('query'));  // 输出: "123"

// 添加新的查询参数
params.append('newKey', 'newValue');
url.search = params.toString();
console.log(url.href);       // 输出: "https://www.example.com/new-path?query=123&newKey=newValue#fragment"

解释说明：

• URL 对象用于解析和操作 URL。
• 可以通过 new URL() 创建一个新的 URL 对象，并传入完整的 URL 字符串。
• 使用属性如 protocol, host, pathname, search, 和 hash 可以获取或修改 URL 的各个部分。
• URLSearchParams 对象用于解析和操作查询字符串（即 URL 中的 ?key=value 部分）。