2017-02-22 69 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

很高興聽到它幫助!我認爲我的回答不夠清楚,並假定你已經知道某些東西。我很高興你的項目! –