美文网首页
11获取url中参数

11获取url中参数

作者: asmuzi | 来源:发表于2019-01-04 14:53 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script>
    // 获取url中?后面的内容
    // 例如:http://www.itheima.com/login?name=zs&age=18&a=1&b=2
    
    var url = 'http://www.itheima.com/login?name=zs&age=18&a=1&b=2';

    // console.log(url.substr(2));
    // var index = url.indexOf('?') + 1;
    // console.log(url.substr(index));


    // {
    //   name: 'zs',
    //   age: 18
    // }
    
    // 获取url后面的参数
    function getParams(url) {
      // 获取? 后面第一个字符的索引
      var index = url.indexOf('?') + 1;
      // url中?后面的字符串 name=zs&age=18&a=1&b=2
      var params = url.substr(index);
      // 使用& 切割字符串 ,返回一个数组
      var arr = params.split('&');
      var o = {};
      // 数组中每一项的样子 key = value
      for (var i = 0; i < arr.length; i++) {
        var tmpArr = arr[i].split('=');
        var key = tmpArr[0];
        var value = tmpArr[1];

        o[key] = value;
      }
      return o;
    }

    var obj = getParams(url);
    console.log(obj);

    console.log(obj.name);
    console.log(obj.age);


    

  </script>
</head>
<body>
  
</body>
</html>

相关文章

网友评论

      本文标题:11获取url中参数

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