跳过了十一章,promise部分难以理解。
十二章BOM,location对象,一开始也是一头雾水,书本上只是讲述了方法,缺少实际的应用,说实话没明白location里面各个属性到底有什么用。后来网上看了黑马的视频,才有了更深的理解。
location的属性方法,基本上都是对浏览器地址栏的信息进行一些处理。
例如location.href,可以得到当前网页的url
到百度的页面,控制台输入location.href就可以得到百度地址
location.search,主要是用于两个网页之间信息的传递。
这里建立了两个html文件,index.html和login.html
我要的效果是,在login.html网页中,输入用户名,这个用户名可以在index.html中显示
这是login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="index.html">
<label>用户名:</label> <input type="text" name="uname">
<input type="submit" value="登录">
</form>
</body>
</html>
这是index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div></div>
</body>
<script>
console.log(location.search);
let params= location.search.substr(1);
console.log(params);
//利用‘=‘把字符串分割为数组split('=')
let arr = params.split('=');
console.log(arr);
var div = document.querySelector('div');
//把数据写入DIV中 decodeURIComponent解码
div.innerHTML = decodeURIComponent(arr[1]);
</script>
</html>