案例：获取URL参数 接收上个页面表单提交的url值

案例：获取URL参数

接收上个页面表单提交的url值

---

动图展示：

---

代码展示：

//页面一
<form action="获取URL参数.html" method="get">
    <input type="text" name="name">
    <input type="submit">
</form>

//页面二
<p>案例：获取URL参数</p>
<div></div>
<script>
    console.log(location.search); // ?uname=andy
    // 1.先去掉？ substr('起始的位置'，截取几个字符);
    var params = location.search.substr(1); // uname=andy
    console.log(params);
    // 2. 利用=把字符串分割为数组 split('=');
    var arr = params.split('=');
    console.log(arr); // ["uname", "ANDY"]
    var div = document.querySelector('div');
    // 3.把数据写入div中
    div.innerHTML = arr[1] + '欢迎您';
</script>