zoukankan      html  css  js  c++  java
  • 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>
    
    
  • 相关阅读:
    MongoDB的C#驱动
    在C#使用MongoDB
    MongoDB 主从复制
    MongoDB 索引操作
    MongoDB 分片技术
    Mongodb 与sql 语句对照
    MongoDB命令使用示例
    MongoDB 高级操作
    MongoDB 细说增删查改
    MongoDB 运维技术
  • 原文地址:https://www.cnblogs.com/Bianco/p/13476064.html
Copyright © 2011-2022 走看看