javascriptwindow.history对象如何应用

今天小编给大家分享一下javascript window.history对象如何应用的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

成都创新互联不只是一家网站建设的网络公司；我们对营销、技术、服务都有自己独特见解，公司采取“创意+综合+营销”一体化的方式为您提供更专业的服务！我们经历的每一步也许不一定是最完美的，但每一步都有值得深思的意义。我们珍视每一份信任，关注我们的成都做网站、网站设计质量和服务品质，在得到用户满意的同时，也能得到同行业的专业认可，能够为行业创新发展助力。未来将继续专注于技术创新，服务升级，满足企业一站式营销型网站需求，让再小的成都品牌网站建设也能产生价值！

History 对象包含用户（在浏览器窗口中）访问过的 URL。

History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。

注意： 没有应用于History对象的公开标准，不过所有浏览器都支持该对象。

描述：页面栈对象

说明：栈区特征为（后进先出），堆区特征为（先进先出）

内容：

• (1)window.history.back()        跳转到栈中的上一个页面

• (2)window.history.forward()    跳转到栈中的下一个页面

• (3)window.history.go(num)    跳转到栈中的指定页面

• (4)window.history.length        栈中页面的数量

注意：

• a.通过window.history对象中提供的方法进行的页面跳转并不会向栈中添加新的页面。

• 通过window.location.href或者通过a标签进行的跳转，则会向栈中添加新的页面。

• b.栈区特征(后进先出)，不仅仅意味着后进来的内容先被移除栈，还意味着栈中的内容如果想要添加到指定位置，必须先将之前的内容退栈才行。

     
第一页
    去到第二页
    

    
window.history对象提供的方法
    window.history.back()
    window.history.forward()
    window.history.go(2)
    window.history.length

当单击“去到第二页”按钮时：

第二个页面：

第二个页面
去到第三页

window.history对象提供的方法
window.history.back()
window.history.forward()
window.history.go(2)
window.history.length

 

当单击”去到第三页“按钮时：

当然，底下的几个按钮都可以点击，感兴趣的自己动手试试，然后进行尝试！

第三个页面：

第三个页面
去到第四页

window.history对象提供的方法
window.history.back()
window.history.forward()
window.history.go(2)
window.history.length

 

效果图如下：当单击”去到第四页“按钮时：

第四个页面：

     
第四个页面
    回到首页
    

    
window.history对象提供的方法
    window.history.back()
    window.history.forward()
    window.history.go(2)
    window.history.length

效果图如下：当单击”回到首页“按钮时：

以上就是“javascript window.history对象如何应用”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注创新互联行业资讯频道。