你好,欢迎访问我的博客!登录 评论排行榜 领券购物 免责声明 投稿本站 本站主题
当前位置:首页 - 笔记 - JS/JQ - 正文 代码,改变世界!

jQuery获取当前页面的URL信息

2018-01-20JS/JQ墨初872°c
A+ A-

在网站时不少客户要求导航条具有高亮功能,如果换到以前肯定是一个页面一个页面的去写代码,那样的话太麻烦,而且还不利于后期的维护和修改。不过现在有了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=361
alert(window.location.pathname);

输出:/topic/index

window.location.href

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

例:

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

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

window.location.port

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

例:

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

输出:8086

window.location.protocol

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

例:

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

输出:http:

window.location.host

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

例:

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

输出:http:localhost:8086

window.location.search

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

例:

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

输出:?topicId=361

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

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
jQuery获取当前页面的URL信息

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>


  用户登录