获取地址栏中的参数
- 登录界面:
<div>登录页面</div>
<form action="./22-index.html">
<label for="username">
用户名:
<input type="text" name="username" id="username">
</label>
<button type="submit">登录</button>
</form>
- 首页:
<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]);
网友评论