zoukankan      html  css  js  c++  java
  • JQUERY获取当前页面的URL信息

     

    作者: huly 分类: Web前端 发布时间: 2012-11-08 11:07 ė145,535 views 61条评论

    以前在做网站的时候,经常会遇到当前页的分类高亮显示,以便让用户了解当前处于哪个页面。之前一直是在每个不同页面写方法。工程量大,也不便于修改。一直在想有什么简便的方法实现。后来在网上查到可以用获取当前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

  • 相关阅读:
    Extjs 4 生成饼状图的例子
    cocos2d-x 3.0rc2 对于每个包执行情况的重要平台 (超级方便)
    HDOJ 1495 非常可乐 【BFS】
    Android采用HttpClient下载图片
    解决本地访问Android文档是非常慢的问题
    潜在语义分析Latent semantic analysis note(LSA)原理及代码
    你奋斗这么辛苦,这辈子要证明什么?
    Objective-C时间戳转换的转换和时间
    Delphi 线程resume 不能调用Execute
    Delphi 多线程 “尚未调用CoInitialize错误”的解决方法
  • 原文地址:https://www.cnblogs.com/zhoumeng780/p/4923749.html
Copyright © 2011-2022 走看看