网站建设资讯

NEWS

网站建设资讯

javascriptwindow.history对象如何应用

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

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

javascript window.history对象如何应用

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

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

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

javascript window.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.栈区特征(后进先出),不仅仅意味着后进来的内容先被移除栈,还意味着栈中的内容如果想要添加到指定位置,必须先将之前的内容退栈才行。

javascript window.history对象如何应用

     

第一页

    去到第二页     
    

window.history对象提供的方法

    window.history.back()     window.history.forward()     window.history.go(2)     window.history.length

javascript window.history对象如何应用

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

第二个页面:

第二个页面

去到第三页

window.history对象提供的方法

window.history.back() window.history.forward() window.history.go(2) window.history.length  

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

javascript window.history对象如何应用

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

第三个页面:

第三个页面

去到第四页

window.history对象提供的方法

window.history.back() window.history.forward() window.history.go(2) window.history.length  

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

javascript window.history对象如何应用

第四个页面:

     

第四个页面

    回到首页     
    

window.history对象提供的方法

    window.history.back()     window.history.forward()     window.history.go(2)     window.history.length

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

javascript window.history对象如何应用

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


网站标题:javascriptwindow.history对象如何应用
本文URL:http://njwzjz.com/article/jpjhij.html