js url 对象

// 创建一个URL对象
const url = new URL('https://example.com/path?name=test#section');

// 访问URL的各个部分
console.log(url.protocol); // "https:"
console.log(url.hostname); // "example.com"
console.log(url.pathname); // "/path"
console.log(url.search); // "?name=test"
console.log(url.searchParams.get('name')); // "test"
console.log(url.hash); // "#section"

// 修改URL的某个部分
url.pathname = '/new-path';
url.searchParams.set('newParam', 'newValue');
console.log(url.href); // "https://example.com/new-path?name=test&newParam=newValue#section"

const baseUrl = 'https://example.com/';
const relativeUrl = '/path';
const url = new URL(relativeUrl, baseUrl);
console.log(url.href); // "https://example.com/path"

const url = new URL('https://example.com/path?name=test');
url.searchParams.append('age', '30');
console.log(url.href); // "https://example.com/path?name=test&age=30"

const url = new URL('https://example.com/search?q=hello world');
console.log(url.search); // "?q=hello%20world"