renjie-run / blog

Personal Blog
2 stars 0 forks source link

地址栏 URL 常用信息的获取方式 #5

Open renjie-run opened 4 years ago

renjie-run commented 4 years ago

以获取 https://mail.google.com/mail/u/0/?tab=wm#inbox 相关信息为例。

获取 URL

window.location.href

URL 的协议部分

window.location.href // "https:"

URL 的主机部分

window.location.host // "mail.google.com"

URL 的端口部分

window.location.port // "",获取为空的原因是用的默认 80 端口

URL 的路径部分(文件地址)

window.location.pathname // "/mail/u/0/"

查询(参数)部分

window.location.search // "?tab=wm"

锚点

window.location.hash // "#inbox"