js 提取url

const urlString = 'https://www.example.com/path/to/resource?key=value#section1';
const url = new URL(urlString);

console.log('协议:', url.protocol); // 输出: https:
console.log('主机名:', url.hostname); // 输出: www.example.com
console.log('路径:', url.pathname); // 输出: /path/to/resource
console.log('查询参数:', url.search); // 输出: ?key=value
console.log('哈希:', url.hash); // 输出: #section1

// 提取查询参数
const params = new URLSearchParams(url.search);
console.log('key的值:', params.get('key')); // 输出: value

// 验证URL格式
function isValidUrl(string) {
  try {
    new URL(string);
    return true;
  } catch (_) {
    return false;  
  }
}

const urlString = 'https://www.example.com';
console.log(isValidUrl(urlString)); // 输出: true

// 兼容旧版浏览器
if (!window.URL) {
  // 使用polyfill或其他库
}