页面后退按钮

Posted 2020-09-26 另一种感觉

网页自动回退一页的javascript代码怎么写吗？

使用JavaScript的history就可以实现后退一页，甚至几页的效果。例如下面的代码：

  <button onclick="history.go(-1)">后退一页</button>

后退一页

这个难度不大，不过如果这个是用户访问的第一页的话话，那么上面的按钮就会失灵。最好加一个判断，如果确实能后退才显示那个按钮。

但是能不能让JS后退功能再进一步呢？比如说让用户可以看得到网址，只要应用document.referrer就可以了。代码和执行效果如下(如果这个是你访问的第一个网页将不会有任何效果)：

<script type="text/javascript">
if(document.referrer){
var str = document.referrer;
str = ‘返回上一页：<a href="‘+ str + ‘">‘ + str + ‘</a>‘;
document.write(str);
}
</script>

 

 

 

 

 

JS后退一页, JS返回上一页代码, JS返回下一页,JS返回第几页,JS页面跳转, JS引用JS

Javascript 返回上一页:

1. history.go(-1), 返回两个页面: history.go(-2);

2. history.back().

3. window.history.forward()返回下一页

4. window.history.go(返回第几页,也可以使用访问过的URL)

例:

<a href="javascript:history.go(-1);">向上一页</a>

response.Write("<script language=javascript>") 
response.Write("if(!confirm(‘完成任务?‘)){history.back();}") 
response.Write("</script>") 
response.Write("<script language=javascript>history.go(-1);</script>") 
<a href="javascript:history.go(-1);">向上一页</a> 
页面跳转:

P.S. 
小技巧(JS引用JS):

<script type=text/javascript> 
<!-- 
if (typeof SWFObject == "undefined") { 
document.write(‘<scr‘ + ‘ipt type="text/javascript" src="/scripts/swfobject-1.5.js"></scr‘ + ‘ipt>‘);} 
//--> 
</script>