如何使用javascript在許多html頁面中為變量提供常量值？

Question

我有一個有兩個網頁的網站。 在page1中，單擊按鈕會加載page2；在page2中，單擊按鈕會加載page1。

問題是我在.js文件中有一個變量var c = 0，當加載第二頁時該變量增加1，而在加載第1頁時該變量不保持1，而是再次變為0。

有沒有一種方法可以使var c增加到1，在所有頁面上保持1，直到我再次更改它？

Answer 1

將值傳遞到url的查詢字符串中，然后在其他頁面中獲取，則將該值增加並設置為下一個請求再次查詢字符串。

page2.jsp?c=0

Answer 2

簡而言之：如果頁面正在重新加載，則不能將其存儲為常規變量。

您也許可以擺脫像AngularJS這樣的單頁面應用程序框架，但這確實不值得重新構建代碼庫。

相反，請嘗試將數據放入localStorage 。 您只能在此處存儲字符串，但是大多數不是函數的東西都可以通過JSON.stringify很好地存儲。

例如：

page1.js

var myVar = 'hello';
localStorage.setItem('myVar',myVar);

page2.js

var myVar = localStorage.getItem('myVar');
console.log(myVar); // Logs 'hello'

Answer 3

這些是可用的幾個選項：

• Cookies：點擊這里

• 本地存儲： 此處或此處

• JSON資料： 這里

• 或將它們添加到您的數據庫/ Web服務器。

這一切都取決於您和您的項目。祝您項目順利！