js實(shí)現(xiàn)頁(yè)面a向頁(yè)面b傳參的方法
本文為大家分享了js實(shí)現(xiàn)頁(yè)面a向頁(yè)面b傳參的具體方法，供大家參考，具體內(nèi)容如下
方法一：使用HTML5本地化存儲(chǔ)(localStorage) 組件（本地最大能存儲(chǔ)5M數(shù)據(jù)）localStorage是本地永久存儲(chǔ)數(shù)據(jù)，是cookie的優(yōu)化
方法二：使用cookie將數(shù)據(jù)存放在客戶的瀏覽器 （最大存儲(chǔ)2M數(shù)據(jù)）
方法三：使用url傳參 （將要傳遞的數(shù)據(jù)保存為一個(gè)存儲(chǔ)變量，然后傳給url）方法如下;
a.html
var app = {};
app.list = '123'
app.test = '1';
window.location.href = "b.html?name="+app;
如何參數(shù)是對(duì)象的話要先轉(zhuǎn)化字符JSON.stringify(app)，在b頁(yè)面獲取的話再轉(zhuǎn)換化為對(duì)象
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)
各個(gè)瀏覽器對(duì)URL的長(zhǎng)度有限制：
1. IE瀏覽器對(duì)URL的長(zhǎng)度現(xiàn)限制為2048字節(jié)(自己測(cè)試最多為2047字節(jié))。
2. 360極速瀏覽器對(duì)URL的長(zhǎng)度限制為2118字節(jié)。
3. Firefox(Browser)對(duì)URL的長(zhǎng)度限制為65536字節(jié)。
4. Safari(Browser)對(duì)URL的長(zhǎng)度限制為80000字節(jié)。
5. Opera(Browser)對(duì)URL的長(zhǎng)度限制為190000字節(jié)。
6. Google(chrome)對(duì)URL的長(zhǎng)度限制為8182字節(jié)。
這里，我只測(cè)試過IE瀏覽器和360極速瀏覽器，其它瀏覽器來自于網(wǎng)上的資料。
另外提醒一下大家，URL中，一個(gè)漢字通過不同的編碼方式大小也不一樣。
以上就是js實(shí)現(xiàn)一個(gè)頁(yè)面向另一個(gè)頁(yè)面?zhèn)鲄⒌姆椒?，希望?duì)大家學(xué)習(xí)JavaScript程序設(shè)計(jì)有所幫助。
- js 頁(yè)面?zhèn)鲄?shù)時(shí) 參數(shù)值含特殊字符的問題
- url 編碼 js url傳參中文亂碼解決方案
- JS 文件傳參及處理技巧分析
- js中關(guān)于new Object時(shí)傳參的一些細(xì)節(jié)分析
- js給onclick事件賦值，動(dòng)態(tài)傳參數(shù)實(shí)例解說
- Extjs4.0設(shè)置Ext.data.Store傳參的請(qǐng)求方式(默認(rèn)為GET)
- js設(shè)置function參數(shù)默認(rèn)值(適合沒有傳參情況)
- 給js文件傳參數(shù)(詳解)
- js動(dòng)態(tài)添加onclick事件可傳參數(shù)與不傳參數(shù)
- 用js通過url傳參把數(shù)據(jù)從一個(gè)頁(yè)面?zhèn)鞯搅硪粋€(gè)頁(yè)面
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JS使用Dijkstra算法求解最短路徑，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-01-01
今天小編就為大家分享一篇對(duì)layui中table組件工具欄的使用詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript函數(shù)的一些注意要點(diǎn)小結(jié)及js匿名函數(shù)
本文給大家總結(jié)了javascript函數(shù)的一些注意要點(diǎn)及js匿名函數(shù)，主要知識(shí)點(diǎn)有：函數(shù)的基本語法、函數(shù)的參數(shù)、函數(shù)的重載相關(guān)知識(shí)，對(duì)本文感興趣的朋友一起學(xué)習(xí)吧2015-11-11
這篇文章主要為大家詳細(xì)介紹了前端天氣插件tpwidget使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
這篇文章主要為大家分享了KnockoutJs快速入門教程，了解KnockoutJs到底是什么？如何使用KnockoutJS中的data-bind語法來將模型數(shù)據(jù)綁定到DOM元素中，感興趣的小伙伴們可以參考一下2016-05-05
不用確認(rèn)即可打印的javascript代碼...2007-10-10
深入了解Javascript的事件循環(huán)機(jī)制
單線程的同步等待極大影響效率，任務(wù)不得不一個(gè)一個(gè)等待執(zhí)行，對(duì)于網(wǎng)頁(yè)應(yīng)用是無法接受的。所以Javascript使用事件循環(huán)機(jī)制來解決異步任務(wù)的問題。本文就來講講Javascript的事件循環(huán)機(jī)制，希望對(duì)你有所幫助2022-09-09
JS動(dòng)態(tài)計(jì)算移動(dòng)端rem的解決方案
移動(dòng)設(shè)備分辨率五花八門雖然我們可以通過CSS3的media query來實(shí)現(xiàn)適配，但是這種做法并不能適配所有設(shè)備，這篇文章主要介紹了js動(dòng)態(tài)計(jì)算移動(dòng)端rem的解決方案，非常不錯(cuò)，感興趣的朋友一起看看吧2016-10-10
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)橫向滾動(dòng)條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
javascript實(shí)現(xiàn)的白板效果(可以直接在網(wǎng)頁(yè)上寫字)
javascript動(dòng)畫系列之網(wǎng)頁(yè)白板 javascript實(shí)現(xiàn)的白板(兼容ff,ie,chrome,……)2010-07-07