js获取当前页面的URL信息

最新推荐文章于 2024-08-09 03:37:41 发布

转载最新推荐文章于 2024-08-09 03:37:41 发布 · 363 阅读

本文介绍了JavaScript中window.location对象的各种属性，包括href、protocol、host、hostname、port、pathname、search和hash等，并通过实例展示了如何使用这些属性来操作和获取当前页面的URL信息。

设置或获取对象指定的文件名或路径。
window.location.pathname
例：http://localhost:8086/topic/index?topicId=361
alert(window.location.pathname); 则输出：/topic/index

设置或获取整个 URL 为字符串。
window.location.href
例：http://localhost:8086/topic/index?topicId=361
alert(window.location.href);则输出：http://localhost:8086/topic/index?topicId=361

设置或获取与 URL 关联的端口号码。
window.location.port
例：http://localhost:8086/topic/index?topicId=361
alert(window.location.port); 则输出：8086

设置或获取 URL 的协议部分。
window.location.protocol
例：http://localhost:8086/topic/index?topicId=361
alert(window.location.protocol); 则输出：http:

设置或获取 href 属性中在井号“#”后面的分段。
window.location.hash

设置或获取 location 或

URL 的hostname 和 port 号码。
window.location.host
例：http://localhost:8086/topic/index?topicId=361
alert(window.location.host); 则输出：http:localhost:8086

设置或获取 href 属性中跟在问号后面的部分。
window.location.search
例：http://localhost:8086/topic/index?topicId=361
alert(window.location.search); 则输出：?topicId=361

window.location
属性         描述
hash       设置或获取 href属性中在井号“#”后面的分段。
host       设置或获取 location 或 URL 的hostname 和 port 号码。
hostname   设置或获取 location 或 URL 的主机名称部分。
href       设置或获取整个 URL为字符串。
pathname   设置或获取对象指定的文件名或路径。
port       设置或获取与 URL关联的端口号码。
protocol    设置或获取 URL 的协议部分。
search    设置或获取 href属性中跟在问号后面的部分。