码迷,mamicode.com
首页 > 其他好文 > 详细

页面后退按钮

时间:2017-06-30 19:47:48      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:应用   doc   line   后退   rda   http   swf   就会   forward   

网页自动回退一页的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>

 

页面后退按钮

标签:应用   doc   line   后退   rda   http   swf   就会   forward   

原文地址:http://www.cnblogs.com/hehuiself/p/7100254.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!