【问题标题】:Minimap Website Navigation小地图网站导航
【发布时间】:2017-02-22 21:43:34
【问题描述】:

我正在尝试制作一个结构为“寻宝”游戏的网站:​​用户将在页面之间导航,就像在这些书中你是英雄并且可以在页面之间跳转一样。

所以这只是一个链接问题,它将导致一个页面或另一个页面。

但我想做的是创建一个小地图,向用户显示他下一步可以去哪里,但最重要的是向他显示他已经走过的路径!

我正在考虑使用 cookie 来保存访问页面的信息,然后根据这些数据加载显示正确路径的特定 SVG。

由于我以前从未使用过 cookie(而且 JavaScript 对我来说几乎一无所知),我想知道这是否是正确的解决方案,或者是否有更好的选择。

我附上了一张我想要实现的快速绘图以澄清这一点:

非常感谢您,非常感谢您的帮助!

【问题讨论】:

  • a:visited 对您来说可能是一个不错的解决方案。

标签: javascript css html cookies svg


【解决方案1】:

使用本地存储将是一种可行的方法。每当您想要保存可以从整个网站访问的内容并且即使在您关闭浏览器时也会保存,您应该使用本地存储。

一种简洁的方法是将这些信息保存为 JSON 数组:

// Populate this array each time you visit a page
var pages = ['page1', 'page2']; 
// Store them as a stringified array
localStorage.setItem("pagesVisited", JSON.stringify(pages)); 

然后,当您需要获取该信息时,对其进行解析:

var pagesObject = JSON.parse(localStorage.getItem("pagesVisited"));

这样,您将始终拥有一个可以记住每个页面上发生了什么的对象。

【讨论】:

  • 我完全忘了回答你,但你的回答成功了,我可以使用本地存储做我想做的事!我会将您的答案标记为已接受,谢谢。
  • 很高兴听到它有帮助!我认为我的回答不够清楚,并且假设您已经知道某些内容。我对你的项目很兴奋!
猜你喜欢
  • 1970-01-01
  • 2011-12-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多