美文网首页JavaScript前端
【前端案例】14 - 案例:获取浏览器地址栏中的参数

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

作者: itlu | 来源:发表于2020-12-09 09:53 被阅读0次
    获取地址栏中的参数
    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]);
    

    相关文章

      网友评论

        本文标题:【前端案例】14 - 案例:获取浏览器地址栏中的参数

        本文链接:https://www.haomeiwen.com/subject/lssiwktx.html