jQuery获取当前页面的URL信息

墨初学习笔记2337

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

javascript中ClassName属性的详解与实例

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

JavaScript中常见获取元素的方法汇总

JavaScript中常见获取元素的方法汇总

网页的制作离不开JavaScript(JS)今天就说说那些关于JavaScript(JS)操作DOM节点的一些属性,做个记录,以备后续查找!getattribute()DOM提供了一个名为getEle...

PHP错误日志 display_errors与log_errors的区别

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

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

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

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

PHP中include()与require()的区别说明(一)

require 的使用方法如 require("xxx.php"); 。这个函数通常放在 PHP 程序的最前面,PHP 程序在执行前,就会先读入 require 所指定引入的文件,...

HTML DOM nodeType 属性

HTML DOM nodeType 属性

JavaScript中给出这样一个操作HTML或XML的一个属性:nodeType,px 它可以返回以数字值返回指定节点的节点类型!如果节点是元素节点,则 nodeType 属性将返回 1。如果节点是...

发表评论    

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