美文网首页php知识积累我爱编程
jquery获取当前页面url参数值的方法详解

jquery获取当前页面url参数值的方法详解

作者: hey_沙子 | 来源:发表于2018-04-12 18:03 被阅读13次
    1.设置或获取对象指定的文件名或路径

    window.location.pathname

    eg:
    http://localhost:8086/topic/index?topicId=361
    alert(window.location.pathname);//输出:/topic/index
    
    2.设置获取整个url为字符串

    window.location.href

    eg:
     http://localhost:8086/topic/index?topicId=361
    alert(window.location.href);//输出:http://localhost:8086/topic/index?topicId=361
    
    3.设置或获取与url关联的端口号码

    window.location.port

    eg:
    http://localhost:8086/topic/index?topicId=361
    alert(window.location.port)//输出:8086
    
    4.设置获取url的协议部分

    window.location.protocol

    eg:
    http://localhost:8086/topic/index?topicId=361
    alert(window.location.protocol);//输出: http:
    
    5.设置获取href属性中在井号“#”后边的分段

    window.location.hash

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

    window.location.host

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

    window.location.search

    eg:
    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属性中跟在问号后边的部分

    相关文章

      网友评论

        本文标题:jquery获取当前页面url参数值的方法详解

        本文链接:https://www.haomeiwen.com/subject/ovpphftx.html