知识点：
location对象该对象封装了浏览器地址栏的信息
如果直接将location属性修改为一个完整的路径，或相对路径则我们页面会自动跳转到改路径，并且会生成相应的历史记录
方法：
assign（）用来跳转到其他页面，作用和直接修改location一样
location.assign（“http://wwww.baidu.com”）；
reload（）用于重新加载当前压面，作用和刷新一样如果在方法中true，作为参数，则会强制清空缓存刷新页面
location.reload（true）；
replace（）可以使用一个新的页面替换当前的页面，调用完毕也会跳转页面，但是不会生成历史记录，不能使用回退俺就回退
详细代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
/*
Location对象
该对象封装了地址栏的信息
*/
window.onload = function () {
//获取按钮对象
var btn = document.getElementById("btn");
btn.onclick = function () {
//如果直接打印location，它会获取到地址栏的相关信息
//alert(location);
//如果直接将location属性修改为一个完整的路径，或相对路径，则我们的页面会自动跳转到改路径，并生成历史记录
location = "http://wwww.baidu.com";
//location.assign("http://wwww.baidu.com");//assign()方法和直接修改location一样
//location.reload();//用于重新加载当前页面，作用和刷新按钮一样
//location.replace("http://wwww.baidu.com");//会跳转新页面，不会生成历史记录，不能使用回退按钮回退
};
};
</script>
</head>
<body>
<button id="btn">点我一下</button>
<h1>Location</h1>
<a href="https://www.baidu.com/">去百度</a>
<input type="text">
</body>
</html>结果：点击按钮跳转到百度页面
?
?