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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM