码迷,mamicode.com
首页 > Web开发 > 详细

jquery获取当前页面的URL信息

时间:2018-01-01 13:38:38      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:jquery   号码   round   如何   win   分段   端口   分享   文件   

   在上一篇中,笔者跟大家提到了如何使用location.search来获取URL地址?后面的内容,本篇博客将聚焦于如何使用jquery获取当前页面的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方法即可

技术分享图片

六.设置或获取与 URL 关联的端口号码:

window.location.port
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.port); 则输出:8086

七.设置或获取 location 或 URL 的 hostname 和 port 号码:说白了就是获取主机和端口

window.location.host
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.host); 则输出:http:localhost:8086

技术分享图片

八.设置或获取 href 属性中跟在问号后面的部分:

例:http://localhost:8086/topic/index?topicId=361
alert(window.location.search); 则输出:?topicId=361

最后做一个总结:

技术分享图片

 

jquery获取当前页面的URL信息

标签:jquery   号码   round   如何   win   分段   端口   分享   文件   

原文地址:https://www.cnblogs.com/pyspark/p/8166539.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!