获取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 @   罗砂  阅读(37)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示