【前端案例】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>

2. 首页：

<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]);