在 web 开发中,我们经常需要使用 JavaScript 来操作浏览器窗口的位置信息,比如重定向页面、获取当前页面的 URL 等。这些操作可以通过 window.location
对象来实现。
获取当前页面 URL
要获取当前页面的 URL,可以简单地通过 window.location.href
属性来实现。这个属性会返回当前页面的完整 URL,包括协议、主机名、端口号、路径和查询参数等。
----------------------------------
重定向页面
通过修改 window.location
对象的属性,我们可以实现页面的重定向。比如,要将页面重定向到 https://www.example.com
,可以这样做:
-------------------- - --------------------------
获取 URL 参数
有时候我们需要获取页面 URL 中的查询参数,可以使用 window.location.search
属性来获取。这个属性会返回 URL 中 ?
后面的查询参数部分。
------------------------------------
修改 URL 参数
如果我们需要修改页面 URL 中的查询参数,可以通过 window.location.search
属性和 URLSearchParams
对象来实现。比如,给当前页面 URL 添加一个新的查询参数 key=value
,可以这样做:
--- ------------ - --- ---------------------------------------- ----------------------- --------- ---------------------- - ------------------------
通过以上介绍,我们可以看到 window.location
对象提供了丰富的功能,可以方便地操作页面的 URL 信息,实现页面重定向和查询参数的处理。在实际开发中,我们可以灵活运用这些功能来实现更加丰富和交互性的页面效果。