快捷導(dǎo)航

js實(shí)現(xiàn)頁(yè)面a向頁(yè)面b傳參的方法

更新時(shí)間：2016年05月29日 16:06:35 作者：人生夢(mèng)想起飛

這篇文章主要為大家詳細(xì)介紹了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傳遞過(guò)來(lái)的參數(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è)試過(guò)IE瀏覽器和360極速瀏覽器，其它瀏覽器來(lái)自于網(wǎng)上的資料。

另外提醒一下大家，URL中，一個(gè)漢字通過(guò)不同的編碼方式大小也不一樣。

以上就是js實(shí)現(xiàn)一個(gè)頁(yè)面向另一個(gè)頁(yè)面?zhèn)鲄⒌姆椒ǎＭ麑?duì)大家學(xué)習(xí)JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

如何利用JavaScript編寫更好的條件語(yǔ)句詳解
這篇文章主要給大家介紹了關(guān)于如何利用JavaScript編寫更好的條件語(yǔ)句的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
10種JavaScript最常見的錯(cuò)誤(小結(jié))
這篇文章主要介紹了10種JavaScript最常見的錯(cuò)誤(小結(jié))，查看了數(shù)千個(gè)項(xiàng)目后，發(fā)現(xiàn)了 10 個(gè)最常見的 JavaScript 錯(cuò)誤。我們會(huì)告訴你什么原因?qū)е铝诉@些錯(cuò)誤，以及如何防止這些錯(cuò)誤發(fā)生
2019-06-06
JS判斷數(shù)組四種實(shí)現(xiàn)方法詳解
這篇文章主要介紹了JS判斷數(shù)組四種實(shí)現(xiàn)方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-06-06
JS+canvas畫一個(gè)圓錐實(shí)例代碼
本篇文章給大家講解html中用canvas函數(shù)配合JS畫出一個(gè)圓錐形的圖形實(shí)例，有需要的朋友學(xué)習(xí)測(cè)試下吧。
2017-12-12
JavaScript中的this到底是什么(一)
JavaScript中的this總是讓人迷惑，應(yīng)該是js眾所周知的坑之一。個(gè)人也覺得js中的this不是一個(gè)好的設(shè)計(jì)，由于this晚綁定的特性，它可以是全局對(duì)象，當(dāng)前對(duì)象，或者…有人甚至因?yàn)榭哟蠖挥胻his
2015-12-12
uniapp 引用 js 組件的方法(場(chǎng)景分析)
在UniApp開發(fā)過(guò)程中,我們不僅需要掌握各種UI組件的使用方法,還需要了解如何在項(xiàng)目中引入JS文件,在本文中,我將介紹UniApp中如何引入JS的方法,感興趣的朋友跟隨小編一起看看吧
2023-09-09
JS將時(shí)間的標(biāo)準(zhǔn)格式和時(shí)間戳格式和2022-01-27?00:00:00(年月日時(shí)分秒)格式相互轉(zhuǎn)換(最新推薦)
這篇文章主要介紹了JS如何將時(shí)間的標(biāo)準(zhǔn)格式和時(shí)間戳格式和2022-01-27?00:00:00（年月日時(shí)分秒）格式相互轉(zhuǎn)換,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-05-05
微信小程序?qū)崿F(xiàn)彈出菜單功能
最近做項(xiàng)目需要這樣的需求，當(dāng)用戶點(diǎn)擊標(biāo)簽欄按鈕，向下彈出菜單，再次點(diǎn)擊，收回菜單。接下來(lái)通過(guò)本文給大家介紹微信小程序?qū)崿F(xiàn)彈出菜單功能，感興趣的朋友一起看看吧
2018-06-06
JS中Safari瀏覽器中的Date
在js中處理Date時(shí),發(fā)現(xiàn)Safari和其他瀏覽器的支持方式不一致。下面通過(guò)本文給大家分享js中Safari瀏覽器中的Date，感興趣的朋友一起學(xué)習(xí)吧
2017-07-07
javascript實(shí)現(xiàn)Email郵件顯示與刪除功能
這篇文章主要介紹了javascript實(shí)現(xiàn)Email郵件顯示與刪除功能，需要的朋友可以參考下
2015-11-11