国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

JS實現把一個頁面層數據傳遞到另一個頁面的兩種方式

來源:懂視網 責編:小采 時間:2020-11-27 22:09:54
文檔

JS實現把一個頁面層數據傳遞到另一個頁面的兩種方式

JS實現把一個頁面層數據傳遞到另一個頁面的兩種方式:由于之前面試,被問到過此問題,所以今天特意整理了一下。由于自己技術水平有限,若存在錯誤,歡迎提出批評。 本博客整理了兩種方式從一個頁面層向另一個頁面層傳遞參數。 一. 通過cookie方式 1. 傳遞cookie頁面的html,此處命名為a.html 請輸入用戶名和
推薦度:
導讀JS實現把一個頁面層數據傳遞到另一個頁面的兩種方式:由于之前面試,被問到過此問題,所以今天特意整理了一下。由于自己技術水平有限,若存在錯誤,歡迎提出批評。 本博客整理了兩種方式從一個頁面層向另一個頁面層傳遞參數。 一. 通過cookie方式 1. 傳遞cookie頁面的html,此處命名為a.html 請輸入用戶名和

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

本博客整理了兩種方式從一個頁面層向另一個頁面層傳遞參數。

一. 通過cookie方式

1. 傳遞cookie頁面的html,此處命名為a.html

請輸入用戶名和密碼:

<input id="userName" type="text" />
<input id="passwords" type="password" />
<button id="btn">設置</button>
<button onclick="login()">傳遞cookie</button>
<button onclick="deletecookie()">刪除</button>

2.a.html的js代碼

//設置cookie
var setCookie = function (name, value, day) {
 //當設置的時間等于0時,不設置expires屬性,cookie在瀏覽器關閉后刪除
 var expires = day * 24 * 60 * 60 * 1000;
 var exp = new Date();
 exp.setTime(exp.getTime() + expires);
 document.cookie = name + "=" + value + ";expires=" + exp.toUTCString();
};
//刪除cookie
var delCookie = function (name) {
 setCookie(name, ' ', -1);
};
//傳遞cookie
function login() {
 var name = document.getElementById("userName");
 var pass = document.getElementById("passwords");
 setCookie('userName',name.value,7)
 setCookie('password',pass.value,7);
 location.href = 'b.html'
}
function deletecookie() {
 delCookie('userName',' ',-1)
}

3. 接受cookie的頁面,此處定義為b.html

<button onclick="getcookie()">獲取</button>

4. b.html的js代碼

//獲取cookie代碼
var getCookie = function (name) {
 var arr;
 var reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
 if (arr = document.cookie.match(reg)){
 return arr[2];
 }
 else
 return null;
};
//點擊獲取按鈕之后調用的函數
function getcookie() {
 console.log(getCookie("userName"));
 console.log(getCookie("password"))
}

二. 通過url傳遞參數的方式

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

1. a.html的代碼

<input type="text" value="猜猜我是誰">
<button onclick="jump()">跳轉</button>

2.點擊跳轉按鈕可以將input標簽的value值傳遞到b.html

function jump() {
 var s = document.getElementsByTagName('input')[0];
 location.href='7.獲取參數.html?'+'txt=' + encodeURI(s.value);
}

3. b.html中的代碼

<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

通過localStorage傳遞參數類似cookie。但是要注意:要訪問一個localStorage對象,頁面必須來自同一個域名(子域名無效),使用同一種協議,在同一個端口上。

1. a.html中的js文件

//將localStorage傳遞到哪個頁面
location.href = 'b.html'
//設置localStorage
window.localStorage.setItem('user','haha');

2.b.html中的文件

<button onclick="getcookie()">獲取</button>
function getcookie() {
 //獲取傳遞過來的localStorage
 console.log(window.localStorage.getItem('user'))
}

總結

以上所述是小編給大家介紹的JS實現把一個頁面層數據傳遞到另一個頁面的兩種方式,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

JS實現把一個頁面層數據傳遞到另一個頁面的兩種方式

JS實現把一個頁面層數據傳遞到另一個頁面的兩種方式:由于之前面試,被問到過此問題,所以今天特意整理了一下。由于自己技術水平有限,若存在錯誤,歡迎提出批評。 本博客整理了兩種方式從一個頁面層向另一個頁面層傳遞參數。 一. 通過cookie方式 1. 傳遞cookie頁面的html,此處命名為a.html 請輸入用戶名和
推薦度:
標簽: 一個 窗口 js
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 欧美va免费精品高清在线 | 日韩专区在线播放 | 在线免费视频国产 | 欧美另类图片亚洲偷 | 啪啪网站免费观看 | 国产第一页在线观看 | 国产99精品视频 | 国产精选在线观看 | 国产毛片在线看 | 欧美精品福利 | 欧美极品欧美精品欧美视频 | 美女一级a毛片免费观看 | 欧美日韩一区二区三区四区 | 一区二区三区美女 | 538精品在线视频 | 在线观看国产黄色 | 久久亚洲精品国产亚洲老地址 | 国产麻豆a一级毛片爽爽影院 | 亚洲欧美网址 | 欧美精品日韩 | 久久精品国产免费一区 | 日韩三级网址 | 亚洲国产精品视频 | 8x成人在线 | 欧美 日韩 国产 色 欧美 日韩 中文 | 欧美日韩精品一区二区在线播放 | 久久国产精品一区二区 | 午夜视频在线播放 | 久久99国产精品成人欧美 | 亚洲综合欧美 | 极品毛片 | 97伊人久久 | 亚洲精品午夜国产va久久成人 | 久久婷婷影院 | 国产在线播放一区二区 | 99在线视频免费 | 国产精品久久久久9999 | 日韩欧美国产高清在线观看 | 92国产福利久久青青草原 | 亚洲一区二区三区精品视频 | 国产精品免费视频网站 |