你好,欢迎访问我的博客!登录
当前位置:首页 - 技术 - 正文 君子好学,自强不息!

实现javascript后退的一般方法和技巧

2018-06-13 12:35:13技术admin21°c
A+ A-

javascript后退

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> 


javascript页面跳转

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>



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

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

javascript后退一页

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

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

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


  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
实现javascript后退的一般方法和技巧

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>


  用户登录