jQuery获取当前页面的URL信息

墨初学习笔记1851

在网站时不少客户要求导航条具有高亮功能,如果换到以前肯定是一个页面一个页面的去写代码,那样的话太麻烦,而且还不利于后期的维护和修改。不过现在有了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 属性中跟在问号后面的部分。

window.location.pathname

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

例:

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

输出:/topic/index

window.location.href

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

例:

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

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

window.location.port

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

例:

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

输出:8086

window.location.protocol

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

例:

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

输出:http:

window.location.host

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

例:

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

输出:http:localhost:8086

window.location.search

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

例:

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

输出:?topicId=361

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

相关文章

JQ获取某个元素下的所有图片并改变其属性

利用JQ获取某个元素下的所有图片并改变其属性...

PHP中的str_replace()函数的用法

PHP中的str_replace()函数的用法...

500 501 502 503 504 505 详解

500 501 502 503 504 505 详解

服务器会经常的出现错误,那么在平时的时候出现了服务器错误,我们要如何去解决了,今天小编就简单的说说服务器500错误、501错误、502错误、503错误、504错误、505错误的一些问题所在。服务器50...

PHP错误日志 display_errors与log_errors的区别

错误回显,一般常用语开发模式,但是很多应用在正式环境中也忘记了关闭此选项。错误回显可以暴露出非常多的敏感信息,为攻击者下一步攻击提供便利。推荐关闭此选项display_errors 错误回显...

PHP+MySQL网站打开速度的几个因素

PHP+MySQL网站打开速度的几个因素

这几天有客户订制了一款主题,当然这款主题已经在zblog的应用中心开始审核,至于结果怎么样,还请大家关注我的博客。审核通过后,我会在博客里告诉大家一声的。当然本站用的自己写的主题《墨初VIP主题》还在...

PHP读取大文件的多种方法介绍

读取大文件一直是一个头痛的问题,我们像使用php开发读取小文件可以直接使用各种函数实现,但一到大文章就会发现常用的方法是无法正常使用或时间太长太卡了,下面我们就一起来看看关于php读取大文件问题解决办...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。