JavaScript中什么是URL对象_如何解析参数

URL对象是JavaScript中用于解析、构造和操作URL的内置接口，能可靠提取协议、域名、路径、查询参数等；其searchParams属性为URLSearchParams实例，支持get、set、append、delete等方法处理查询参数，并可通过Object.fromEntries()转为对象。

URL对象是JavaScript中用于解析、构造和操作URL的内置接口，它能轻松提取协议、域名、路径、查询参数等部分，比用正则或字符串分割更可靠、更安全。

URL对象的基本用法

创建一个URL对象很简单，传入完整的URL字符串即可：

• new URL("https://example.com:8080/path/to/page?name=alice&age=30#section1")

构造成功后，就能直接访问各种属性：

• href：完整的URL字符串
• origin：协议 + 域名 + 端口（如 https://example.com:8080）
• protocol：协议名，含冒号（如 https:）
• hostname：纯域名（如 example.com）
• port：端口号（有则返回，否则为空字符串）
• pathname：路径部分（如 /path/to/page）
• search：查询字符串，含问号（如 ?name=alice&age=30）
• hash：锚点，含井号（如 #section1）

如何解析查询参数（searchParams）

URL对象的 searchParams 属性是一个 URLSearchParams 实例，专用于处理查询参数，支持增删改查：

立即学习“Java免费学习笔记（深入）”；

标签： javascript java 浏览器 app 端口 ie浏览器