js获取当前页面的URL信息

Javascript 1159 0 2019-04-28

js获取当前页面的URL信息

这里就不使用jquery来获取了,因为麻烦,所以用javascript获取更简单:


设置或获取对象指定的文件名或路径。
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); 则输出: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 属性中跟在问号后面的部分。

上一篇:json解说及js读取解析json数据方法

下一篇:JS监听键盘事件和键盘键码对照表

讨论数量:0

请先登录再发表讨论。 2024-04-16

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链