對於支持該功能的瀏覽器,你可以使用HTML5的localStorage
API。即使用戶離開頁面,這也會保留您存儲的數據,並且您可以在他/她回來時從中檢索該數據。這些數據將一直存在,直到瀏覽器緩存被清除。有兩種基本功能localStorage
:
的二傳手:要設置數據到localStorage
,
localStorage.setItem("bar", foo);
吸氣:爲了讓你存儲在localStorage
數據,
var foo = localStorage.getItem("bar");
一些更重要的東西:
要檢查,如果目前的瀏覽器支持localStorage
,你可以試試這個功能:
function supports_html5_storage() {
try {
return 'localStorage' in window && window['localStorage'] !== null;
} catch (e) {
return false;
}
}
一般來說,這個HTML5 API是由現代瀏覽器的支持。下面是支持表:
- IE - 8.0+
- FIREFOX - 3.5+
- SAFARI - 4.0+
- CHROME - 4.0+
- OPERA - 10.5+
- IPHONE - 2.0+
- 機器人 - 2.0 + **
More info here.
另一種方法是使用cookie.js,該值將存儲在瀏覽器的cookie中。但建議使用localStorage
而不是Cookie。
編輯:
假設你有一個二維數組是這樣的:
var foo = [[1,2],[3,4],[5,6]];
要設置在localStorage
,你必須將它解析爲一個字符串:
var parsedFoo = JSON.stringify(foo);
localStorage.setItem("bar", parsedFoo);
要從localStorage
得到它並將它用作2D陣列,請使用JSON.parse
:
var foo = JSON.parse(localStorage.getItem("bar"));
我們不只是爲您編寫整個程序。所以,請給我們提供一些你迄今爲止嘗試過的想法。 – jsalonen
謝謝我會看看它 – user1011212