BOM：一个数据实现两个html页面之间的传递效果练习

第一个HTML页面时登录页面，用到form表单，action提交到用来接收数据的页面，这里我创建了一个index页面。

<form action="login.html">
	<input type="text" name="username" id=""><input type="submit" value="登录">
</form>

第二个页面我创建了一个login页面，它可以使用第一个页面index传递过来的参数，实现一个数据两个页面的传递效果，第二个页面login之所以可以使用第一个页面index的数据，是利用了URL里的location.search参数。

<div></div>
<script>
	var div = document.querySelector("div");
	// location.search可以得到获取到的username ?username=tianliling 需要把?后的数据拿到
	// username=tianliling 可以根据=号将字符串进行分割 split()方法 
	var info = location.search.slice(1);
	// 拿到的是一个数组形式：["username", "tianliling"]
	var uname = info.split("=");
	div.innerHTML = uname[1]+"欢迎你~";
</script>