zoukankan      html  css  js  c++  java
  • Js获取当前页面地址参数

    1,获取当前窗口的url;  结果:http://localhost:61768/Home/Index?id=2&age=18

      var url = window.location.href;

    2,获取当前窗口的主机名;   结果:localhost:61768

          var host = window.location.host;

    3,获取当前窗口的端口; 结果:61768

          var port = window.location.port;

    4,获取当前窗口的路径 ; 结果:/Home/Index

        var pathname = window.location.pathname;

    5,获取当前文档的Url;结果:http://localhost:61768/Home/Index?id=2&age=18

        var URL = document.URL;

    6,获取参数;结果:?id=2&age=18

        var search = window.location.search;

    7,设置或获取 URL 的协议部分;结果:http

        var protocol = window.location.protocol

    8,设置或获取 href 属性中在井号“#”后面的分段

      var hash = window.location.hash

    分割url提取参数

    var search = window.location.search;
    var age = getSearchString('age', search); //结果:18
    var id = getSearchString('id', search); //结果:2
    //key(需要检索的键) url(传入的需要分割的url地址,例:?id=2&age=18)
    function getSearchString(key, Url) {
        var str = Url;
        str = str.substring(1, str.length); // 获取URL中?之后的字符(去掉第一位的问号)
        // 以&分隔字符串,获得类似name=xiaoli这样的元素数组
        var arr = str.split("&");
        var obj = new Object();
        // 将每一个数组元素以=分隔并赋给obj对象
        for (var i = 0; i < arr.length; i++) {
            var tmp_arr = arr[i].split("=");
            obj[decodeURIComponent(tmp_arr[0])] = decodeURIComponent(tmp_arr[1]);
        }
        return obj[key];
    }
    

    原文链接:https://www.cnblogs.com/qianxundaozhu/p/11584900.html

  • 相关阅读:
    图床_OpenStack-镜像服务
    图床_OpenStack-认证服务
    图床_OpenStack-基础环境
    #linux包之tcpdump之tcpdump命令
    利用OpenCms9提供的模块创建新站点
    Cocos2d-x3.0下实现循环列表
    Modbus读写模拟量寄存器具体解释
    C++ 实践总结
    spring Quartz基于配置文件和注解的实现
    EEPLAT学习
  • 原文地址:https://www.cnblogs.com/cyfeng/p/13208051.html
Copyright © 2011-2022 走看看