Question

情况我有一个index.html，在这个文件中我已经从子页面加载了内容。
这是我在index.html中的代码

function getpage(page){
  var pageSrc = 'content/'+page+'.html';
  $('.content').load(pageSrc);
}

<a href="#" onClick="getpage('home')">Home</a>
<a href="#" onClick="getpage('about')">About</a>
<a href="#" onClick="getpage('contact')">Contact</a>

所以，在这里，我想使用javascript / jquery方法创建会话或cookie之类的东西，如果用户重新加载index.html页面，可以维护访问的最后一页。重要的是，访问的最后一页将被删除并返回用户清除浏览器缓存或cookie时的正常索引页面。

Answer 1

您可以使用jQuery Cookie plugin by Klaus Hartl轻松设置＆amp;阅读浏览器cookie。

加载插件后，您可以添加以下函数来加载用户的最后访问页面或默认情况下的索引页面：

$(document).ready(function(){
  var lastPage = ( $.cookie("lastPage") == null ) ? "index" : $.cookie("lastPage");
  getpage(lastPage);
});

然后修改您的getpage函数以跟踪每个“页面”视图：

function getpage(page){
  var pageSrc = 'content/'+page+'.html';
  $('.content').load(pageSrc);
  $.cookie("lastPage", page);
}

This answer to similar question has some more examples，就像如何在Cookie上设置过期日期一样。

Answer 2

为什么需要cookie？我想你可能需要类似最终点击历史记录

这是代码希望你得到它：

<script>
   function page(){
   window.location.href = window.history.back(1);
}
</script>
<input type="button" value="loading" onclick="page()"/>

Answer 3

Ramin Taghizada的答案对我来说更好。还有另一种选择：如果需要，可以使用localStorage。

<a href="#" onClick="localStorage['prev'] = 'home'; getpage('home')">Home</a>
<a href="#" onClick="localStorage['prev'] = 'about'; getpage('about')">About</a>
<a href="#" onClick="localStorage['prev'] = 'contact'; getpage('contact')">Contact</a>

要查看用户点击的最后一页：

if(localStorage['prev'] != undefined)
{
  alert(localStorage['prev']);    
}

如何根据我的代码创建更好的方法来维护访问的最后一页

3 个答案: