2017-02-22 221 views
1

我正在尝试构建一个网站,将其作为一个“宝藏 - 任务”游戏:用户将在这些书籍之间导航,在这些书籍中你是英雄,并可以在页面之间跳转。Minimap网站导航

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

但是我想要做的是创建一个小地图,它将向用户显示他可以下一步去哪里,但首先会告诉他他已经采取了哪些路径!

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

因为我之前从来没有使用过cookies(而Javascript几乎不为我所知),所以我想知道这是否是正确的解决方案,或者是否对我有更好的选择。

我重视我想要的东西快速绘图来实现,以澄清这一点: Minimap Website drawing

非常感谢你提前,我将非常感谢您的帮助!

+0

['a:visited'](https://developer.mozilla.org/en-US/docs/Web/CSS/:visited)可能是您的不错解决方案。 – LuudJacobs

回答

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")); 

这样,你永远有一个对象可以记住每一页上发生的事情。

+0

我完全忘了回答你,但是你的回应有诀窍,我可以用本地存储来做我想做的事!我会将您的答案标记为已接受,谢谢。 – Keysaw

+0

很高兴听到它帮助!我认为我的回答不够清楚,并假定你已经知道某些东西。我很高兴你的项目! –