💡
原文中文，约2600字，阅读约需7分钟。
📝
内容提要
本文介绍了 JavaScript 的 URL 对象及其用法，包括创建 URL 对象、获取当前页面 URL、解析 URL 参数、跳转页面和修改 URL 属性。通过 URL 对象，开发者可以方便地提取和操作 URL 的各个部分，从而提高网页开发效率。
🎯
关键要点
- URL 对象是浏览器提供的标准 API，用于处理和解析 URL。
- 创建 URL 对象可以使用 URL 构造函数，支持绝对和相对地址。
- 获取当前页面的完整 URL 可以使用 window.location.href，URL 对象更适合提取特定部分。
- 使用 URLSearchParams 对象可以提取和操作 URL 中的查询字符串参数。
- URL 对象具有多个属性，可以获取 URL 的协议、域名、路径等信息。
- 通过设置 window.location.href 或使用 window.location.assign() 方法可以实现页面跳转。
- URL 对象的属性是可读可写的，可以修改 URL 的各个部分。
- URL 对象提供静态方法 createObjectURL() 和 revokeObjectURL()，用于处理 Blob 和 File 对象的 URL。
❓
延伸问答
如何创建一个 JavaScript 的 URL 对象？
可以使用 URL 构造函数，传入一个 URL 字符串作为参数，或传入一个基础 URL 来处理相对地址。
如何获取当前页面的完整 URL？
可以使用 window.location.href 来获取当前页面的完整 URL。
如何解析 URL 中的查询字符串参数？
可以使用 URLSearchParams 对象来提取和操作 URL 中的查询参数。
如何通过 JavaScript 实现页面跳转？
可以通过设置 window.location.href 或使用 window.location.assign() 方法来实现页面跳转。
URL 对象的属性可以修改吗？
是的，URL 对象的属性是可读可写的，可以修改 URL 的各个部分。
URL 对象有哪些静态方法？
URL 对象提供 createObjectURL() 和 revokeObjectURL() 方法，用于处理 Blob 和 File 对象的 URL。
➡️
