js實現(xiàn)頁面a向頁面b傳參的方法
本文為大家分享了js實現(xiàn)頁面a向頁面b傳參的具體方法，供大家參考，具體內(nèi)容如下
方法一：使用HTML5本地化存儲(localStorage) 組件（本地最大能存儲5M數(shù)據(jù)）localStorage是本地永久存儲數(shù)據(jù)，是cookie的優(yōu)化
方法二：使用cookie將數(shù)據(jù)存放在客戶的瀏覽器 （最大存儲2M數(shù)據(jù)）
方法三：使用url傳參 （將要傳遞的數(shù)據(jù)保存為一個存儲變量，然后傳給url）方法如下;
a.html
var app = {};
app.list = '123'
app.test = '1';
window.location.href = "b.html?name="+app;
如何參數(shù)是對象的話要先轉(zhuǎn)化字符JSON.stringify(app)，在b頁面獲取的話再轉(zhuǎn)換化為對象
b.html
接收url傳遞過來的參數(shù)
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的長度現(xiàn)限制為2048字節(jié)(自己測試最多為2047字節(jié))。
2. 360極速瀏覽器對URL的長度限制為2118字節(jié)。
3. Firefox(Browser)對URL的長度限制為65536字節(jié)。
4. Safari(Browser)對URL的長度限制為80000字節(jié)。
5. Opera(Browser)對URL的長度限制為190000字節(jié)。
6. Google(chrome)對URL的長度限制為8182字節(jié)。
這里，我只測試過IE瀏覽器和360極速瀏覽器，其它瀏覽器來自于網(wǎng)上的資料。
另外提醒一下大家，URL中，一個漢字通過不同的編碼方式大小也不一樣。
以上就是js實現(xiàn)一個頁面向另一個頁面?zhèn)鲄⒌姆椒?，希望對大家學(xué)習(xí)JavaScript程序設(shè)計有所幫助。
- js 頁面?zhèn)鲄?shù)時 參數(shù)值含特殊字符的問題
- url 編碼 js url傳參中文亂碼解決方案
- JS 文件傳參及處理技巧分析
- js中關(guān)于new Object時傳參的一些細節(jié)分析
- js給onclick事件賦值，動態(tài)傳參數(shù)實例解說
- Extjs4.0設(shè)置Ext.data.Store傳參的請求方式(默認為GET)
- js設(shè)置function參數(shù)默認值(適合沒有傳參情況)
- 給js文件傳參數(shù)(詳解)
- js動態(tài)添加onclick事件可傳參數(shù)與不傳參數(shù)
- 用js通過url傳參把數(shù)據(jù)從一個頁面?zhèn)鞯搅硪粋€頁面
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于如何利用JavaScript編寫更好的條件語句的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要介紹了10種JavaScript最常見的錯誤(小結(jié))，查看了數(shù)千個項目后，發(fā)現(xiàn)了 10 個最常見的 JavaScript 錯誤。我們會告訴你什么原因?qū)е铝诉@些錯誤，以及如何防止這些錯誤發(fā)生2019-06-06
這篇文章主要介紹了JS判斷數(shù)組四種實現(xiàn)方法詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-06-06
本篇文章給大家講解html中用canvas函數(shù)配合JS畫出一個圓錐形的圖形實例，有需要的朋友學(xué)習(xí)測試下吧。2017-12-12
JavaScript中的this總是讓人迷惑，應(yīng)該是js眾所周知的坑之一。 個人也覺得js中的this不是一個好的設(shè)計，由于this晚綁定的特性，它可以是全局對象，當前對象，或者…有人甚至因為坑大而不用this2015-12-12
在UniApp開發(fā)過程中,我們不僅需要掌握各種UI組件的使用方法,還需要了解如何在項目中引入JS文件,在本文中,我將介紹UniApp中如何引入JS的方法,感興趣的朋友跟隨小編一起看看吧2023-09-09
JS將時間的標準格式和時間戳格式和2022-01-27?00:00:00(年月日時分秒)格式相互轉(zhuǎn)換(最新推薦)
這篇文章主要介紹了JS如何將時間的標準格式和時間戳格式和2022-01-27?00:00:00（年月日時分秒）格式相互轉(zhuǎn)換,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-05-05
最近做項目需要這樣的需求，當用戶點擊標簽欄按鈕，向下彈出菜單，再次點擊，收回菜單。接下來通過本文給大家介紹微信小程序?qū)崿F(xiàn)彈出菜單功能，感興趣的朋友一起看看吧2018-06-06
在js中處理Date時,發(fā)現(xiàn)Safari和其他瀏覽器的支持方式不一致。下面通過本文給大家分享js中Safari瀏覽器中的Date，感興趣的朋友一起學(xué)習(xí)吧2017-07-07
javascript實現(xiàn)Email郵件顯示與刪除功能
這篇文章主要介紹了javascript實現(xiàn)Email郵件顯示與刪除功能，需要的朋友可以參考下2015-11-11