【前端案例】14 - 案例：获取浏览器地址栏中的参数

获取地址栏中的参数
  1. 登录界面：
<div>登录页面</div>
<form action="./22-index.html">
  <label for="username">
    用户名:
    <input type="text" name="username" id="username">
  </label>
  <button type="submit">登录</button>
</form>
  1. 首页：
<div class="container">
  <span>欢迎您!</span>
</div>

  let container = document.querySelector('.container');
  // 使用location对象获取地址栏中的 search 数据
  let search = location.search;
  // 将前面的问号去掉 使用 substr 截取 substr(截取开始的位置,截取长度)如果截取长豆未设置表示截取到末尾
  search = search.substr(1);
  // 使用字符串分割函数 将字符串分割为数组
  let arr = search.split('=');
  let b = document.createElement('b');
  b.innerText = arr[1];
  container.insertBefore(b, container.children[0]);
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容