js url 正则 解析

const url = "https://example.com/path/to/resource?query=param#fragment";

// 完整URL匹配正则表达式
const urlRegex = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([/\w .-]*)*\/?(\?[^\s#]*)?(#[^\s]*)?$/;

const match = url.match(urlRegex);
if (match) {
  console.log("协议:", match[1] || "无");
  console.log("主机名:", match[2]);
  console.log("域名后缀:", match[3]);
  console.log("路径:", match[4] || "无");
  console.log("查询参数:", match[5] || "无");
  console.log("片段标识符:", match[6] || "无");
} else {
  console.log("无效的URL");
}

const url = new URL("https://example.com/path/to/resource?query=param#fragment");

console.log("协议:", url.protocol);
console.log("主机名:", url.hostname);
console.log("域名后缀:", url.hostname.split('.').pop());
console.log("路径:", url.pathname);
console.log("查询参数:", url.search);
console.log("片段标识符:", url.hash);