HTML頁面傳值

2021-10-23 11:16:59 字數 1001 閱讀 2515

在比較古老的前端開發中,如果是使用jsp編寫頁面,頁面之間傳值會非常方便,但是如果是使用了html,頁面之間的傳值會一時之間不知道如何解決。下面記錄一下專案中遇到的這個問題,以及驗證過的解決方案。

本文使用的方法參考了:

以及菜鳥教程:

簡單使用:

在傳送引數的頁面使用:

sessionstorage.setitem("userid", "a000001");

// 或者可以放置整個json引數

sessionstorage.setitem("data", json.stringify(param));

在接收引數的頁面使用:

var userid = sessionstorage.getitem("userid");

// 或者直接給指定的字段賦值

document.getelementbyid("result").innerhtml = localstorage.getitem("userid");

簡單使用之後下面介紹一下window sessionstorage屬性。

web 儲存 api 提供了 sessionstorage (會話儲存) 和 localstorage(本地儲存)兩個儲存物件來對網頁的資料進行新增、刪除、修改、查詢操作。

localstorage 用於長久儲存整個**的資料,儲存的資料沒有過期時間,直到手動去除。

sessionstorage 用於臨時儲存同一視窗(或標籤頁)的資料,在關閉視窗或標籤頁之後將會刪除這些資料。

localstorage 和 sessionstorage 屬性允許在瀏覽器中儲存 key/value 對的資料。sessionstorage 用於臨時儲存同一視窗(或標籤頁)的資料,在關閉視窗或標籤頁之後將會刪除這些資料。如果你想在瀏覽器視窗關閉後還保留資料,可以使用 localstorage 屬性, 該資料物件沒有過期時間,今天、下週、明年都能用,除非你手動去刪除。

瀏覽器支援,以及其他用法,請參考菜鳥教程:

html頁面傳值

html頁面傳值 一是資料掛載 區域性載入方式 二是a標籤方式 三是window.location.href方式 1.資料掛載,區域性載入方式 在父標籤中繫結要傳遞的引數 container fluid data id ids 0 通過後台跳轉頁面 var url user edit.do 或直接指...

html頁面的傳值

首先先明確一下html頁面是不可以接受表單請求值的.不過html頁面中可以使用js,我們用js可以手動的實現一些東西 js中可以用window.location.href屬性獲取完整位址,那麼我們的引數完全可以使用get模式來傳遞即表單的method get 下邊是用js構造的獲取get模式提交值的...

HTML頁面傳值問題

在專案中遇到html之間的頁面傳值問題,包括漢子出現亂碼問題,簡單記錄下,以便以後遇到可以檢視。a頁面傳遞資料到b頁面 a頁面 片段 1 function querydetails setno,carriername,accounttime,paystatus b頁面 片段 var urlsetno...