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)鲄⒌姆椒ǎM麑?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)文章
JavaScript函數(shù)的一些注意要點(diǎn)小結(jié)及js匿名函數(shù)
本文給大家總結(jié)了javascript函數(shù)的一些注意要點(diǎn)及js匿名函數(shù),主要知識(shí)點(diǎn)有:函數(shù)的基本語(yǔ)法、函數(shù)的參數(shù)、函數(shù)的重載相關(guān)知識(shí),對(duì)本文感興趣的朋友一起學(xué)習(xí)吧2015-11-11深入了解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-09JS動(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-10javascript實(shí)現(xiàn)的白板效果(可以直接在網(wǎng)頁(yè)上寫字)
javascript動(dòng)畫系列之網(wǎng)頁(yè)白板 javascript實(shí)現(xiàn)的白板(兼容ff,ie,chrome,……)2010-07-07