JS——BOM(History对象)

2021-04-26 08:27

阅读:476

YPE html>

标签:bsp   asc   运行   列表   title   ref   onclick   script   col   

1、history.back(),加载历史列表中的前一个 URL:

(1)运行程序先进入此页面,点击文字链接后进入下一个页面:

技术图片

(2)点击返回上一级按钮可以再次回到第一个页面:

技术图片

 

代码如下:

go():


    "UTF-8">
        History对象"button" value="返回上一页" onclick="fanhui()"/>

back():


    "UTF-8">
        History对象"button" value="返回上一页" onclick="fanhui()"/>

这两个方法是等效的。

2、  history.forward()方法,加载历史列表中的下一个 URL

先设置三个页面:

页面一:


    "UTF-8">
        

这是第一个页面

"2.html">我是第一个页面,请点击!

页面二:


    "UTF-8">
        History对象

这是第二个页面

"button" value="进入下一个页面" onclick="fanhui()"/>
"3.html">进入第三个页面

当然,可以用history.forword()方法,效果是一样的。

页面三:


    "UTF-8">
        

这是第三个页面

"button" value="跳转到第二个页面" onclick="javascript:location.href=‘2.html‘"/>

先进入第一个页面:

技术图片

 

 点击文字链接可以进入第二个页面:

技术图片

 

 再次点击文字链接进入第三个页面:

技术图片

 

 点击返回上一个页面(页面二):

技术图片

 

 进入页面二后点击进入下一个页面按钮:

技术图片

 

 可以再次进入页面三:

技术图片

JS——BOM(History对象)

标签:bsp   asc   运行   列表   title   ref   onclick   script   col   

原文地址:https://www.cnblogs.com/zhai1997/p/12222550.html


评论


亲,登录后才可以留言!