🌐 window.location方法详解 📝 | 霜月枫桥的博客

大家好！今天咱们来聊聊前端开发中非常实用的一个知识点——`window.location`。这是浏览器提供的一个对象，用于获取或设置当前页面的URL信息。简单来说，它就像一把钥匙，能帮我们轻松操控网页地址！✨

首先，`window.location`有很多属性可以帮助我们：

- href：获取完整的URL字符串。

- hostname：获取域名部分。

- pathname：获取路径部分。

- search：获取查询参数（就是问号后面的内容）。

举个例子，如果你的URL是 `https://example.com/page?name=jack`，那么：

- `window.location.href` = `https://example.com/page?name=jack`

- `window.location.hostname` = `example.com`

- `window.location.pathname` = `/page`

- `window.location.search` = `?name=jack`

不仅如此，我们还能通过修改这些属性实现页面跳转哦！比如：

```javascript

window.location.href = "https://newsite.com";

// 页面就会跳转到新的网址！🚀

```

学会使用`window.location`，可以让你更灵活地控制页面逻辑，快来试试吧！💡

前端开发 JavaScript web开发