History对象和location对象

一、History对象

 History 对象是浏览器模型中的一个对象，表示当前窗口的浏览历史，通过 window.history 获取。一个浏览器窗口从被打开时开始，所有访问过的页面地址都会保存在 History 对象中        

        若 URL 的锚点值改变，也会在 History 对象中创建一条浏览记录 

         共有五个方法：back(), foreword(), go(), pushState(), replaceState()。所有方法都只修改当前url，不会向后端发起请求

back()     加载History列表的上一个URL

forward() 加载History列表的下一个URL

go(" url or  number")  加载History列表的一个URL或者浏览器移动指定的页面数

//回到上一个浏览的页面
history.back()   等同于  history.go(-1)

//跳转到上一个浏览页面

history.go(-1)

//当值为0时可作为刷新

history.go(0)

//跳转到下一个浏览页面

history.go(1)

//等同于history.go(1)
history.forword() 

 

二、location对象

location 是最有用的 BOM 对象之一，提供了当前窗口中加载文档的信息，以及通常的导航功能。主要是对浏览器url地址相关数据的获取和定义

• location.href: 返回当前页面的完整的URL地址
• location.host: 返回页面的域名及端口号；
• location.hostname: 返回页面的域名；

    <input type="button" id="btn1" value="assign()" />
        <input type="button" id="btn2" value="reload" />
        <input type="button" id="btn3" value="replace" />
    </body>
    <script type="text/javascript">
        document.getElementById("btn1").οnclick=function(){
            location.assign("http://www.baidu.com")
//            跳转到这个页面有返回功能
        }
        document.getElementById("btn2").οnclick=function(){
            location.reload() 
//            刷新功能
        }
        document.getElementById("btn3").οnclick=function(){
            location.replace("http://www.baidu.com")
//            跳转到这个页面无返回功能
        }