jQuery获取当前页面的URL信息

帮别人的事做完就忘记，别人为自己做的事时时记着，哪怕这个人只有那么一次好，他也是曾经帮助过你的人。

在网站时不少客户要求导航条具有高亮功能，如果换到以前肯定是一个页面一个页面的去写代码，那样的话太麻烦，而且还不利于后期的维护和修改。不过现在有了jQuery了可以省去好多的事，再麻烦的事不就是一行JQ代码的事，如果解决不了，那就二行。

window.location

jQuery中的window.location可以获取当前网页的URL地址，也可以通过不同参数获取不同的地址部份

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

host：设置或获取 location 或 URL 的 hostname 和 port 号码。

hostname：设置或获取 location 或 URL 的主机名称部分。

href：设置或获取整个 URL 为字符串。

pathname：设置或获取对象指定的文件名或路径。

port：设置或获取与 URL 关联的端口号码。

protocol：设置或获取 URL 的协议部分。

search ：设置或获取 href 属性中跟在问号后面的部分。

设置或获取对象指定的文件名或路径。

例：

http://localhost:8086/topic/index?topicId=361
alert(window.location.pathname);

输出：/topic/index

设置或获取整个 URL 为字符串。

例：

http://localhost:8086/topic/index?topicId=361
alert(window.location.href);

输出：http://localhost:8086/topic/index?topicId=361

设置或获取与 URL 关联的端口号码。

例：

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

输出：8086

设置或获取 URL 的协议部分。

例：

http://localhost:8086/topic/index?topicId=361
alert(window.location.protocol);

输出：http:

设置或获取 location 或 URL 的 hostname 和 port 号码。

例：

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中window.location对网页URL地址的获取操作，我们可以很轻松的获取到我们需要的东西，并加以利于。其实导航高亮用这种方法比较不错，通过对网址地址与导航连接中的地址比较就可以实现

以上就是jQuery获取当前页面的URL信息。每一个眼神，都透着默契；每一下心跳，都牵动彼此；每一段回忆，都藏着美好；每一段旅途，都载着情谊；每一句问候，都含着深情。朋友，惟愿你天天开心，幸福永远！更多关于jQuery获取当前页面的URL信息请关注haodaima.com其它相关文章！