如何创建更好的方式来维护基于我的代码访问的最后一个页面

how to create better way to maintain the last page visited based my code

本文关键字：代码 我的 访问 最后一个 于我的 创建 何创建 更好 方式 维护      更新时间：2023-09-26

这种情况下，我有一个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时，最后访问的页面将被删除并返回到正常的索引页面。

为什么需要cookie？我想你可能需要一个类似上次点击历史的东西

这是希望你能得到的代码：

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

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']);    
}

您可以使用Klaus Hartl的jQuery Cookie插件轻松设置&阅读浏览器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);
}

这个类似问题的答案还有更多的例子，比如如何在cookie上设置过期日期。

相关文章：