`

JAVASCRIPT获取当前页面的URL信息

阅读更多
以前在做网站的时候,经常会遇到当前页的分类高亮显示,以便让用户了解当前处于哪个页面。之前一直是在每个不同页面写方法。工程量大,也不便于修改。一直在想有什么简便的方法实现。后来在网上查到可以用获取当前URL的详细信息来判断。所以收集了JQUERY获取URL的函数的资料。

设置或获取对象指定的文件名或路径。
window.location.pathname
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.pathname); 则输出:/topic/index

设置或获取整个 URL 为字符串。
window.location.href
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.href); 则输出:http://localhost:8086/topic/index?topicId=361

设置或获取与 URL 关联的端口号码。
window.location.port
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.port); 则输出:8086

设置或获取 URL 的协议部分。
window.location.protocol
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.protocol); 则输出:http:

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

设置或获取 location 或 URL 的 hostname 和 port 号码。
window.location.host
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.host); 则输出:http:localhost:8086

设置或获取 href 属性中跟在问号后面的部分。
window.location.search
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.search); 则输出:?topicId=361

window.location
属性                  描述
hash                设置或获取 href 属性中在井号“#”后面的分段。
host                 设置或获取 location 或 URL 的 hostname 和 port 号码。
hostname      设置或获取 location 或 URL 的主机名称部分。
href                  设置或获取整个 URL 为字符串。
pathname      设置或获取对象指定的文件名或路径。
port                  设置或获取与 URL 关联的端口号码。
protocol          设置或获取 URL 的协议部分。
search            设置或获取 href 属性中跟在问号后面的部分。

附上一个关于PHP中服务器变量获取query字符串的各个参数方法:http://blog.unvs.cn/archives/php-server-url-string.html


本文来源于:http://blog.unvs.cn/archives/jquery-local-url-param.html
分享到:
评论

相关推荐

    C#获取当前页面的url

    C#获取当前页面的url 和JavaScript 获取当前页面的URL

    JavaScript获取当前url根目录(路径)

    主要用到Location 对象,包含有关当前 URL 的信息,是 Window 对象的一个部分,可通过 [removed] 属性来访问。 方法一、js获取项目根路径的方法 function getRootPath(){ var curPageUrl = [removed].href; var ...

    JS 获取当前页面 URL.docx

    JS 获取当前页面 URL.docx

    JavaScript获得当前网页来源页面(即上一页)的方法

    本文实例讲述了JavaScript获得当前网页来源页面(即上一页)的方法。分享给大家供大家参考。具体如下: 下面的JS代码通过document.referrer获得来源页面地址 <!DOCTYPE html> <html> <body> The ...

    js 获取当前网页

    js 获取当前网页 1.获取当前完整网址 <script type="text/javascript"> thisURL = document.URL; thisHREF = document.location.href; thisSLoc = self.location.href; thisDLoc = document.location; strwrite = ...

    js如何准确获取当前页面url网址信息

    在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。 下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=1 1、[removed...

    C#获取当前页面的URL示例代码

    获取当前页面的URL在某些情况下还是比较使用的,下面为大家介绍下如何通过C#以及Javascript获取当前页面的URL,感兴趣的朋友不要错过

    JavaScript实现简单获取当前网页网址的方法

    本文实例讲述了JavaScript实现简单获取当前网页网址的方法。分享给大家供大家参考,具体如下: 这里演示使用JavaScript取得当前网页的网址,是一个比较有用的功能,点击“运行”查看效果吧。 运行效果截图如下: ...

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    27、原生JavaScript获取当前路径 28、原生JavaScriptIP转成整型 29、原生JavaScript整型解析为IP地址 30、原生JavaScript实现checkbox全选与全不选 31、原生JavaScript判断是否移动设备 32、原生JavaScript判断是否...

    PHP获取当前页面完整URL的实现代码

    javascript实现:复制代码 代码如下:top.location.href 顶级窗口的地址 this.location.href 当前窗口的地址PHP实现:复制代码 代码如下:#测试网址: http://localhost/blog/testurl.php?id=5//获取域名或主机地址 ...

    js获取当前页的URL与[removed].href简单方法

    利用JavaScript获取当前页的URL,这个问题起来好像很复杂,如果第一次去想这个问题,很多人估计又在琢磨到底又是哪个神一般的Javascript函数。 其实不是,Javascript获取当前页的URL的函数就是我们经常用来重定向的...

    JavaScript完全自学宝典 源代码

    1.11.html 使用JavaScript实现的获取当前详细日期时间信息的数字时钟。 1.12.html 使用JavaScript实现的浏览器地震效果。 common.js 实现数据检验的独立的.js文件。 第2章(\c02) 实例描述:学习...

    JavaScript网页特效范例宝典源码

    实例180 获取页面中的全部超级链接 281 实例181 将网站设为首页 282 实例182 单击鼠标右键自动链接到指定网站 283 实例183 单击超级链接将本页加入收藏夹 285 实例184 访问指定的链接地址 286 实例185 返回默认主页 ...

    PHP获取当前页面完整URL的方法

    一、利用javascript实现: top.location.href 顶级窗口的...//获取网页地址 echo $_SERVER['PHP_SELF']; #/PHP/XX.php //获取网址参数 echo $_SERVER[QUERY_STRING]; #id=5 //获取用户代理 echo $_SERVER['HT

    使用JavaScript获取Request中参数的值方法

    先获取当前页面的URL,通过[removed].href。 提取该URL?后面的部分,通过slice()方法。 把获取到的Request对象分割成字符串数组,通过split() 方法。 接下来看代码。 function getUrlVars() { var vars = [], ...

    JS实现获取当前URL和来源URL的方法

    主要介绍了JS实现获取当前URL和来源URL的方法,涉及javascript针对页面document属性操作的相关技巧,需要的朋友可以参考下

    程序天下:JavaScript实例自学手册

    1.9 当前网页调用其他网页 1.10 倒计时载入页面 1.11 定义网页的关键字 1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17...

    Javascript中使用A标签获取当前目录的绝对路径方法

    1.location.href:当前页面的完整URL 2.location.pathname:当前URL中的路径名 3.location.hash:当前URL中的锚点 4.location.search:当前URL中的查询参数 然而,location没有一个属性能直接获得当前目录(不含...

    《程序天下:JavaScript实例自学手册》光盘源码

    1.9 当前网页调用其他网页 1.10 倒计时载入页面 1.11 定义网页的关键字 1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17...

    获取当前网页document.url location.href区别总结

    JAVASCRIPT權威指南第四版上說,這兩個有區別。 參見 document.URL 章節。...服务器重定向后有可能使document.url变动,但[removed].href指的永远是访问该网页时用的URL.document.url只能作为只读字符串

Global site tag (gtag.js) - Google Analytics