页面可返回到前一页离开时的浏览位置两种方法

Posted 2021-01-27 zhangyuniang

• 方法一：简单粗暴返回前一页 

1 <a id="aa">News & Events</a>
2 
3 
4 <script>
5 $("#aa").click(function(){
6 history.go(-1)
7 })
8 </script>

 history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面
 history.go(-1):也是返回当前页的上一页，不过表单里的数据全部还在

• 方法二：记录滚动条位置

 1 $(function () {
 2 var str = window.location.href;
 3 str = str.substring(str.lastIndexOf("/") + 1);
 4 if ($.cookie(str)) {
 5 
 6 $("html,body").animate({ scrollTop: $.cookie(str) }, 1000);
 7 }
 8 else {
 9 }
10 })
11 
12 $(window).scroll(function () {
13 var str = window.location.href;
14 str = str.substring(str.lastIndexOf("/") + 1);
15 var top = $(document).scrollTop();
16 $.cookie(str, top, { path: ‘/‘ });
17 return $.cookie(str);
18 })

 需要引入文件

jquery.js
jquery.cookie.js