兩個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);