location对象

location.href；作用是设置或返回完整的 URL。可获取url信息，也可以赋值，实现页面跳转

1. function fn(){
2. // var n=location.href;
3. //alert(n);
4. location.href="http://www.baidu.com";
5. }

<button οnclick="fn()">

 location.assign();加载新的文档（跳转页面），会产生历史记录

1. 
   

1. function fn(){
2. // var n=location.href;
3. //alert(n);
4. //location.href="http://www.baidu.com";
5. location.assign("http://www.ifeng.com");
6. }

<button οnclick="fn()">

location.reload();重新加载当前的文档，相当于刷新页面 【F5】或者【CTRL】+【F5】，【crtl】+【shift】+【delete】

1. function fn(){
2. // var n=location.href;
3. //alert(n);
4. //location.href="http://www.baidu.com";
5. //location.assign("http://www.ifeng.com");
6. location.reload();
7. }

1. function fn(){
2. // var n=location.href;
3. //alert(n);
4. //location.href="http://www.baidu.com";
5. location.assign("http://www.ifeng.com");
6. }

1. function fn(){
2. // var n=location.href;
3. //alert(n);
4. //location.href="http://www.baidu.com";
5. //location.assign("http://www.ifeng.com");
6. location.reload();
7. }

<button οnclick="fn()">

 location.replace();用新的文档替换当前文档，相当于页面跳转。不会产生历史记录

function fn(){

location.replace("www.baidu.com")

}

<button οnclick="fn()">

history对象

history.back();返回历史记录的前一个页面

history.forward();加载历史记录中的下一个页面

history.go(n);跳转到历史记录指定的页面。

可以通过 var n=history.length的方式获取history对象的长度。