JavaScript的location对象和history对象

一、location对象####

1、location是window和document的属性，window.location等价于document.location
2、包含的属性：hash、host（含端口号的主机名）、hostname（不含端口号的主机名）、href（等价于location.toString()方法）、pathname、port、protocol、search
3、方法
（1）assign(href)：将浏览器的当前页面定位至href，同时在历史记录中生成一条记录，location.href=href、window.location、document.location有着同样的作用，示例：

location.assign("http://www.baidu.com");
location.href="http://www.baidu.com";window.location="http://www.baidu.com";document.location="http://www.baidu.com";

常用情况：将页面重新定位至站点的某个页面，如：检测到页面没有用户的cookie，就定位到登录页面；后台用户保存文章成功后，利用定时器在告诉用户保存成功后定位至用户后台首页；购物网站付款成功后，提醒用户多少秒后返回等等
（2）replace(href)：与assign方法类似，但是并在历史记录中生成记录，也就是用户不能会退到上一个页面，这对用户来说是不友好的，不过购物网站付款成功后，提醒用户多少秒后返回这个场景适和
（3）reload([true])：重新加载当前页面，没有参数，则以最有效的方式加载，也就是很可能从缓存中加载，添加true参数后，强制从服务器中加载，因为有可能因为服务器或者网络的原因造成阻塞，应该将这个代码放在最后

二、history对象####

1、go(n)：在用户的历史记录中任意跳转（这里的历史记录不同于浏览器设置中的历史记录，而是当前标签页的历史记录），n是一个数字，负数表示后退，正数表示前进，例如在后台中的返回按钮就很能用上：

history.go(-1);

2、back()和forward()的方法是对go(-1)，forward(1)方法的简写。
3、length属性保存着历史记录的记录数量（依旧是指当前标签页，数量包含当前页面）

三、使用实践####

1、用户返回上个页面并刷新，刷新的原因有很多，例如上个页面需要请求数据库中的信息，这样就可以保证用户看到的最新的数据信息了

<a href="javascript:history.go(-1);location.reload()">返回</a>

JavaScript刷新页面的方法：

history.go(0);
location.reload(); 
location=location;
location.assign(location);document.execCommand('Refresh');window.navigate(location);
location.replace(location);document.URL=location.href;

作者：忽如寄
链接：https://www.jianshu.com/p/1d857786c64a