[JavaScript-js] 对于URL对象的用法（2024-05-31）

在JavaScript中，URL对象用于在浏览器中表示URL字符串。它提供了一种更为直观和结构化的方式来处理URLs，并提供了一些有用的方法和属性。

以下是一些使用URL对象的方法和示例代码：

1. 使用URL构造函数创建一个新的URL对象：

let url = new URL('https://www.example.com');

2. 使用URL对象的属性访问URL的不同部分：

console.log(url.href); // 输出完整的URL字符串
console.log(url.protocol); // 输出协议（例如 'https:'）
console.log(url.hostname); // 输出主机名（例如 'www.example.com'）
console.log(url.pathname); // 输出路径名（例如 '/'）

3. 使用URL对象的方法修改URL：

url.hostname = 'developer.mozilla.org';
url.pathname = '/en-US/docs/Web/API/URL';
console.log(url.href); // 输出修改后的URL字符串

4. 使用URL对象的方法解析查询字符串：

url.searchParams.append('key', 'value');
console.log(url.href); // 输出URL字符串，其中包含添加的查询参数

5. 使用URL对象的方法处理URL片段标识符（anchor）：

url.hash = '#some-id';
console.log(url.href); // 输出URL字符串，其中包含添加的锚点

注意：URL对象在Node.js环境中不可用，它是浏览器特有的API。在Node.js中，你可以使用url模块来处理URLs。