js截取URL网址参数

  • A+
所属分类:Web前端

将本页代码复制粘贴到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>