js實現把乙個頁面層資料傳遞到另乙個頁面

2022-05-26 17:30:12 字數 2051 閱讀 7915

由於之前面試,被問到過此問題,所以今天特意整理了一下。由於自己技術水平有限,若存在錯誤,歡迎提出批評。

本部落格整理了兩種方式從乙個頁面層向另乙個頁面層傳遞引數。

請輸入使用者名稱和密碼:

<

input

id="username"

type

="text"

/>

<

input

id="passwords"

type

="password"

/>

<

button

id="btn"

>設定

button

>

<

button

onclick

="login()"

>傳遞cookie

button

>

<

button

onclick

="deletecookie()"

>刪除

button

>

//

設定cookie

var setcookie = function

(name, value, day) ;

//刪除cookie

var delcookie = function

(name) ;

//傳遞cookie

function

login()

function

deletecookie()

<

button

onclick

="getcookie()"

>獲取

button

>

//

獲取cookie**

var getcookie = function

(name)

else

return

null;};

//點選獲取按鈕之後呼叫的函式

function

getcookie()

該案例也是從a.html向b.html頁面傳遞引數

<

input

type

="text"

value

="猜猜我是誰"

>

<

button

onclick

="jump()"

>跳轉

button

>

function

jump()

<

div

id="box"

>

div>

var loc =location.href;

var n1 =loc.length;

var n2 = loc.indexof('=');

var txt = decodeuri(loc.substr(n2+1,n1-n2));

var box = document.getelementbyid('box');

box.innerhtml = txt;

通過localstorage傳遞引數類似cookie。但是要注意:要訪問乙個localstorage物件,頁面必須來自同乙個網域名稱(子網域名稱無效),使用同一種協議,在同乙個埠上。

//

將localstorage傳遞到哪個頁面

location.href = 'b.html'

//設定localstorage

window.localstorage.setitem('user','haha');

<

button

onclick

="getcookie()"

>獲取

button

>

function getcookie()

用js把資料從乙個頁面傳到另乙個頁面

1.位址列傳參 然後在2.html頁面split 去擷取 2.ajax獲取另乙個頁面的資料 ajax 3.本地儲存sessionstorage 或 localstorage 兩者用法一樣 新增 3種方法 localstorage.infos aaaa localstorage infos aaaa ...

微信小程式 頁面跳轉時傳遞資料到另乙個頁面

頁面跳轉時,同時把當前頁面的資料傳遞給跳轉的目標頁面,並在跳轉後的目標頁面進行展示 test1頁面 pages test1 test1.js page buttonlistener function 姓名 年齡 bindtap buttonlistener 攜帶資料跳轉 test2頁面 pages ...

通過Intent將資料傳遞給上乙個活動

之前我們將資料從第乙個活動傳遞給第二個活動,用的是startactivity 函式,通過查閱文件,我們發現還有乙個startactivityforresult 函式也是用來啟動活動的,但是這個方法期望在下乙個活動銷毀的時候能夠返回結果給上乙個活動。startactivityforresult int...