1. 程式人生 > >兩個html頁面之間傳遞值的方法

兩個html頁面之間傳遞值的方法

最近做專案,好多頁面需要傳遞值。現在我用了以下的方法。感覺很好用。

1、利用頁面連結傳遞,用?號連結,不過這樣傳遞中文會麻煩些,數字挺方便的。

頁面一:

<script>
function to(){
var getval =document.getElementById("cc").value;
window.location.href="b.html?id="5555";
}
</script>

頁面二:

取值

var thisURL = document.URL;
var getval =thisURL.split('?')[1];
var showval= getval.split("=")[1];

showval==5555;//這個就是取出來的值

2、利用localstarage和sesionstorage 存取值;

setItem儲存value
用途:將value儲存到key欄位
用法:.setItem( key, value)
程式碼示例:
sessionStorage.setItem("key", "value"); localStorage.setItem("site", "js8.in");

getItem獲取value
用途:獲取指定key本地儲存的值
用法:.getItem(key)
程式碼示例:

var value = sessionStorage.getItem("key"); var site = localStorage.getItem("site");

localstarage和sesionstorage 只能儲存字串型別值,物件型別的值可以先進行轉化

例如:

var obj = { name:'Jim' };
var str = JSON.stringify(obj);
//存入
sessionStorage.obj = str;
//讀取
str = sessionStorage.obj;
//重新轉換為物件
obj = JSON.parse(str);