您的位置:首页> 前端教程> JS教程
文章导航

history.go()

2018-11-10 14:46| 作者: admin| 查看: 1436| 评论: 0|来自: 蚂蚁部落

此方法加载浏览历史列表中的指定页面。

笔者当年刚接触web的时候,对于此方法并没有真正的理解。

只知道history.go(-1)可以返回前一个页面,history.go(1)进入下一个页面。

首先解释一下浏览历史记录,当浏览页面的时候,如果没特别的设置,会将浏览器过的页面缓存起来。

当再次访问这些页面的时候,可以从缓存中读取,提高效率,当然也可以设置不缓存这些页面。

浏览器截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201811/10/144650e52kl2pdsxd6skdx.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

点击后退或者前进按钮,可以从历史记录中读取当前页面的前一个或者下一个URL内容。

history.go方法同样可以实现前进或者后退功能。

更多内容可以参阅JavaScript history 对象一章节。

语法结构:

[JavaScript] 纯文本查看 复制代码
history.go(number|URL)

参数解析:

(1).number:一个数字,当前页面number值是0,那么上一个url就是-1,下一个url就是1,以此类推。

(2).URL:字符串,URL地址,可以加载列表第一个匹配的URL页面内容。

浏览器支持:

(1).IE浏览器支持此方法。

(2).edge浏览器支持此方法。

(3).谷歌浏览器支持此方法。

(4).opera浏览器支持此方法。

(5).火狐浏览器支持此方法。

(6).safria浏览器支持此方法。

代码实例:

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>   
<html>   
<head>   
<meta charset=" utf-8">   
<meta name="author" content="http://www.softwhy.com/" />   
<title>蚂蚁部落</title>
<script type="text/javascript"> 
window.onload=function(){ 
  let obt=document.getElementById("bt"); 
  obt.onclick = function () {
    history.go(-1);
  } 
} 
</script> 
</head> 
<body> 
<input type="button" id="bt" value="查看演示"/> 
</body> 
</html>

点击按钮可以加载浏览器记录中,当前页面url所在位置前一个url页面内容。

当然必须历史记录中有对应的内容,上述代码才会生效。

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>   
<html>   
<head>   
<meta charset=" utf-8">   
<meta name="author" content="http://www.softwhy.com/" />   
<title>蚂蚁部落</title>
<script type="text/javascript"> 
window.onload=function(){ 
  let obt=document.getElementById("bt"); 
  obt.onclick = function () {
    history.go(1);
  } 
} 
</script> 
</head> 
<body> 
<input type="button" id="bt" value="查看演示"/> 
</body> 
</html>

点击按钮可以加载浏览器记录中,当前页面url所在位置下一个url页面内容。

数字是一个表示历史列表中url位置相对值,当前页面对应数字是0,下一个是1,前一个是-1。

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>   
<html>   
<head>   
<meta charset=" utf-8">   
<meta name="author" content="http://www.softwhy.com/" />   
<title>蚂蚁部落</title>
<script type="text/javascript"> 
window.onload=function(){ 
  let obt=document.getElementById("bt"); 
  obt.onclick = function () {
    history.go("http://www.softwhy.com");
  } 
} 
</script> 
</head> 
<body> 
<input type="button" id="bt" value="查看演示"/> 
</body> 
</html>

此方法的参数也可以是一个具体的url。

那么会在浏览历史列表中查找此url,找到第一个后,就会加载此url。

1

鲜花

握手

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

最新评论

返回顶部