方法一:使用HTML5本地化存儲(localStorage) 組件(本地最大能存儲5M數據)localStorage是本地永久存儲數據,是cookie的優化
方法二:使用cookie將數據存放在客戶的瀏覽器 (最大存儲2M數據)
方法三:使用url傳參 (將要傳遞的數據保存為一個存儲變量,然后傳給url)方法如下;
a.html
var app = {};
app.list = '123'
app.test = '1';
window.location.href = "b.html?name="+app;
如何參數是對象的話要先轉化字符JSON.stringify(app),在b頁面獲取的話再轉換化為對象
b.html
接收url傳遞過來的參數
function GetRequest() {
var url = location.search; //獲取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
console.log(JSON.parse(GetRequest().name).list)
各個瀏覽器對URL的長度有限制:
1. IE瀏覽器對URL的長度現限制為2048字節(自己測試最多為2047字節)。
2. 360極速瀏覽器對URL的長度限制為2118字節。
3. Firefox(Browser)對URL的長度限制為65536字節。
4. Safari(Browser)對URL的長度限制為80000字節。
5. Opera(Browser)對URL的長度限制為190000字節。
6. Google(chrome)對URL的長度限制為8182字節。
這里,我只測試過IE瀏覽器和360極速瀏覽器,其它瀏覽器來自於網上的資料。
另外提醒一下大家,URL中,一個漢字通過不同的編碼方式大小也不一樣。