获取URL参数数据，实现在不同页面数据相互传递

案例说明

获取URL参数数据，实现在不同页面数据相互传递（利用URL里面的location.search参数）

案例分析

案例实现代码

logain.html中的代码

<form action="index.html">
        用户名: <input type="text" name="uname">
        <input type="submit" value="提交">
    </form>

index中的代码

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

代码运行结果