获取URL参数跨页面输入

第一个页面

  <body>
    <form action="11.5获取URL参数跨页面输入.html">
      用户名: <input type="text " name="uname" />
      <input type="submit" value="登录" />
    </form>
  </body>

第二个页面

  <body>
    <div></div>
  </body>
  <script>
    console.log(location.search); //?uname=andy
    // 1.先去掉？  substr(起始位置，截取几个字符)；
    var params = location.search.substr(1);
    console.log(params);
    // 2.利用=把字符串分隔为数组 split('=')
    var arr = params.split("=");
    console.log(arr); //['uname','名字']
    var div = document.querySelector("div");
    // 3.把数据写入div中
    div.innerHTML = arr[1] + "欢迎您"; //下标1
  </script>

 

posted @ 2022-04-18 13:24  罗砂  阅读(46)  评论(0)    收藏  举报