在前端开发中，操作URL是常见的需求之一。通过JavaScript，我们可以轻松获取当前页面的URL信息，为功能实现提供便利。以下是几种常用的方法，快来一起学习吧！🌟
首先，使用`window.location`是最直接的方式。它包含了完整的URL信息，比如：
- `window.location.href` 获取整个URL字符串。
- `window.location.host` 获取域名和端口号（如 `www.example.com:8080`）。
- `window.location.pathname` 提取路径部分（如 `/page/index.html`）。
其次，可以通过`URL`对象解析URL。例如：
```javascript
const url = new URL('https://example.com/path?name=value');
console.log(url.hostname); // 输出: example.com
console.log(url.searchParams.get('name')); // 输出: value
```
最后，利用`document.URL`也可以获取当前页面的完整URL。不过相比`window.location`，它的功能稍显单一。
掌握这些方法后，你可以更灵活地处理URL逻辑，比如动态修改链接或分析用户行为。快试试看吧！🚀
JavaScript URL操作 前端开发