js中网页前进和后退的代码

Question

如题所述

Answer 1

前进: history.forward();=history.go(1);

后退: history.back();=history.go(-1); 

但是如果加在热区中

<<span class="start-tag">map name="Maps" id="Maps"> <<span class="start-tag">area shape="rect" coords="2,2,79,52" href="javascript:history.go(-1);"  target="_blank"> <<span class="start-tag">area shape="rect" coords="77,2,166,52" href="#"> <<span class="starttag">area shape="rect" coords="166,4,242,51" href="#" target="_blank"> <<spanclass="starttag">area shape="rect" coords="248,5,318,53" href="javascript:history.go(1);"target="_blank"> </<span class="end-tag">map>

如果有target="_blank"这个属性，就会打开一个新的窗口，所以前进和后退没有起作用，所以需要删掉这个属性。

拓展资料

Javascript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费的时间太多。

Answer 2

前进: history.forward();=history.go(1);
后退: history.back();=history.go(-1);
注意事项：前进后退按钮是需要在特定环境下才有效果的，即你需要从另一个页面进入到这个页面后，点击这个后退按钮才有后退的效果，否则是没有的。
【拓展资料】
javascript中的后退和刷新；
<input type=button value=刷新 onclick="window.location.reload()">
<input type=button value=前进 onclick="window.history.go(1)">
<input type=button value=后退 onclick="window.history.go(-1)">
<input type=button value=前进 onclick="window.history.forward()">
<input type=button value=后退 onclick="window.history.back()"> 后退+刷新<input type=button value=后退 onclick="window.history.go(-1);window.location.reload()">在C# Web程序中，如为页面按钮写返回上一页代码
this.RegisterClientScriptBlock("E", "<script language=javascript>history.go(-2);</script>");
其中，history.go(-2)，要写为-2，因在按钮事件触发前，已刷新一次页面，所以应是-2。
Response.Write("<script language=javascript>history.go(-2);</script>");
此处也要写为“-2”。跟直接写脚本的有所不同。history.back()是会上一页
i=1
history.go(i)去指定的某页
如果是history.go(0)那就是刷新这两个属于JS代码，相当于IE的前进、后退功能。
具体的用处就要看什么时候需要这个就用上。比如用户注册时的验证是后台验证，不符合要求的时候就可以用这个，可以最大限度保证用户少重复输入数据。
例如：载入页面：
function onLoadPage(){
if(event.srcElement.tagName=="SPAN"){
oFrame=top.window.middle.frames[2];
oTxt=event.srcElement.innerText;
switch(oTxt){
case "前 进":
oFrame.history.go(1);
case "后 退":
oFrame.history.back();
case "刷 新":
oFrame.location.reload();
}
}
}

打开一个jsp页面,肯定是用客户端脚本进行刷新了。
Javascript刷新页面的几种方法：
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href本回答被网友采纳

Answer 3

<input type="button" value="后退" onclick="javascript:history.go(-1);">
<input type="button" value="前进" onclick="javascript:history.go(1);">
这个前进后退按钮是需要在特定环境下才有效果的，即你需要从另一个页面进入到这个页面后，点击这个后退按钮才有后退的效果，否则是没有的。

参考资料：各种常见用途的按钮：http://www.jscode.cn/jscode/code_370510126.htm

Answer 4

<a href="javascript:history.go(-1);">后退</a>
<a href="javascript:history.go(1);">前进</a>本回答被网友采纳