jQuery获取当前页面的URL信息

xiaoqihv8个月前 (04-08)前端设计43

在网站时不少客户要求导航条具有高亮功能,如果换到以前肯定是一个页面一个页面的去写代码,那样的话太麻烦,而且还不利于后期的维护和修改。不过现在有了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地址的获取操作,我们可以很轻松的获取到我们需要的东西,并加以利于。其实导航高亮用这种方法比较不错,通过对网址地址与导航连接中的地址比较就可以实现

相关文章

javascript在指定的元素前或后插入新元素

javascript在指定的元素前或后插入新元素

在前几篇的博文中,我们说了利用appendChild方法可以在DOM文档流中指定的元素后追加利用createElement方法和createTextNode方法创建的新元素,但是appendChild...

javascript中ClassName属性的详解与实例

javascript中ClassName属性的详解与实例

在javascritp中,我们可以通过style属性可以控制元素的样式,从而实现行为层通过DOM的style属性去干预显示层显示的目标,但是这种方法是不好的,而且为了实现通过DOM脚本设置的样式,你不...

javascript中的addEventListener()方法

javascript中的addEventListener()方法

我们操作HTML DOM对象的时候,可以利addEventListener()方法为某个被选中的DOM对象添加一个事件,用来操作这个被选中的对象。下面就记录一下,如果利javascript的addEv...

JaveScript操作DOM节点的childNodes属性

JaveScript操作DOM节点的childNodes属性

在一棵节点树上(DOM文档),childNodes属性可以获取任何一个节点下的所有子元素节点,它获取的值是一个包含这个元素全部子元素的数组,但是这个数组中包含的东西太多,几乎每一样东西都是一个节点,甚...

jQuery ajax()使用serialize()提交form数据

jQuery ajax()使用serialize()提交form数据

这几天一直在适配用户中心插件,基本的功能也差不多了,时间不长就会上线用户中心,当然适配的过程中也遇到不少的问题,今天记录一下。jQuery的serialize()方法通过序列化表单值,创建URL编码文...

jQuery中的jQuery.noConflict()函数说明

jQuery中的jQuery.noConflict()函数说明

在jQuery库中,几乎所有的插件都被限制在它的命名空间里,通常全局对象都被很好的储存在jQuery的命名空间里,当jQuery与其它的JavaSscript库使用时不会引起冲突一般情况下jQuery...

发表评论

访客

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