js截取URL网址参数

将本页代码复制粘贴到html页面,打开即可。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <form action="demo.html" method="get">
    账号: <input type="text" name="userName">
    密码: <input type="password" name="pwd" id="">
    <input type="submit" value="提交">
  </form>
</body>
<script>
  //demo.html?userName=yft&pwd=admin

  //如果我们第二个页面能够使用这个数据,我们就实现了2个页面传输数据。

  //  {userName:yft,pwd:admin}

  //截取网址字符串
  function params(url) {
    //我们只要问号后面的字符串
    var arr = url.split('?')
    // console.log(arr);
    var params = arr[1];
    //console.log(params);    //userName=yft&pwd=admin
    var arr1 = params.split('&');
    console.log(arr1);
    var o = {}
    //因为arr1里面有多个元素,都要切割,所以我们需要遍历循环。
    for (var i = 0; i < arr1.length; i++) {
      // console.log(arr[i]);
      var newArr = arr1[i].split('=');
      console.log(newArr);
      // newArr[0]    newArr[1]
      o[newArr[0]] = newArr[1];
    }
    return o;
  }
  console.log(params('www.yft.com/login?userName=yft&pwd=admin'));
</script>

</html>

(0)

相关推荐