window.location属性及方法

最新推荐文章于 2025-03-14 10:08:43 发布

莉兹Liz

最新推荐文章于 2025-03-14 10:08:43 发布

阅读量1w

点赞数 6

本文链接：https://blog.csdn.net/qq_40138556/article/details/114317070

版权

本文详细介绍了JavaScript中window.location对象的使用，包括其属性和方法。通过实例解析了如何获取和操作URL的各个部分，如protocol、host、port、pathname、search和hash。同时提供了相关参考资料，帮助读者深入学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

window.location

window.location（所有字母必须小写）主要用于获取URL，完整的URL由这几个部分构成：
protocol://host:port/pathname?search#hash

window.location属性

属性	描述
href	完整的 URL
protocol	通信协议，常用的http、ftp、maito等
host（hostname）	主机名或IP地址
port	端口号
pathname	路径，主机上的一个目录或文件地址
search	查询，可有多个参数，用"&“符号隔开，每个参数的名和值用”="符号隔开
hash	信息片断（锚）

举个栗子：
打开console.log，控制台输入以下代码。

window.location.href // "https://editor.csdn.net/md?not_checkout=1&articleId=114317070"
window.location.protocol // "https:"
window.location.host // "editor.csdn.net"
window.location.hostname // "editor.csdn.net"
window.location.port // ""
window.location.pathname // "/md"
window.location.search // "?not_checkout=1&articleId=114317070"
window.location.hash // ""

window.location方法

属性	描述
assign()	导航到一个新页面
reload()	强制从服务器重新加载当前页面
replace()	使用新的url替换本页面

以下两种方法等同：

window.location.assign("https://blog.csdn.net/qq_40138556"); // or
window.location = "https://blog.csdn.net/qq_40138556";

参考

window.location 百度百科
 window.location w3school
MDN window.location