JavaScript初始變量和持久性

Question

我相信這是一個相當簡單的問題。我正在製作一個有幾頁的網站。有沒有辦法在首次加載主頁時（並且僅在此時）聲明變量，然後再引用這些變量？我看到使用localStorage或sessionStorage可能是有用的，或者聲明全局變量。我確切的問題是，有一個變量hasChanged，僅當網頁第一次加載時纔是錯誤的。當你點擊一個按鈕時，它會將hasChanged設置爲true，以及改變網頁的各種內容。但是，每當我訪問其他頁面並返回時，它已重置爲false（而我希望它仍然是true）。此外，還有一種讓其他頁面訪問相同變量的好方法嗎？

Answer 1

SessionStorage將是你最好的選擇。

if (sessionStorage.getItem('hasChanged') { 
    sessionStorage.setItem('hasChanged', 'true'); 
} 

和其他頁面上。

var hasChanges = sessionStorage.getItem('hasChanged'); 

如果它們確實是其他頁面。如果你有很多數據需要在多個頁面之間共享。考慮Single Page Applications