1.JavaScript通過URL傳值(傳遞一下簡單的少量的數據。URL對長度有一定限制)(不建議)
首先通過URL將參數傳遞到URL中(在A頁面中傳遞)
location.href="url?name=xuanyuan" //問號后面為需要傳遞的參數如何有多個后面解&sex="man";
現在需要獲取指定URL中的參數(在B頁面也就是需要參數的頁面獲取)
/**
* 獲取指定的URL參數值
* URL:http://www.quwan.com/index?name=tyler
* 參數:paramName URL參數
* 調用方法:getParam("name")
* 返回值:tyler
*/
function getParam(paramName) {
paramValue = "", isFound = !1;
if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) {
arrSource = unescape(this.location.search).substring(1, this.location.search.length).split("&"), i = 0;
while (i < arrSource.length && !isFound) arrSource[i].indexOf("=") > 0 && arrSource[i].split("=")[0].toLowerCase() == paramName.toLowerCase() && (paramValue = arrSource[i].split("=")[1], isFound = !0), i++
}
return paramValue == "" && (paramValue = null), paramValue
}
2.JavaScript通過Cookie傳值(建議)
Cookie是瀏覽器存儲少量命名數據,它與某個特定的網頁或網站關聯在一起,Cookie用來給瀏覽器提供內存,以便腳本和服務器程序可以在一個頁面中使用另一個頁面的輸入數據。
*Cookie需要設置時間如果不設置時間會默認咋瀏覽器關閉的時候關閉。
***Cookie默認格式為name=username;如果存入是為jsonn格式:{name:username}數據cookie也會保存為name=username.獲取的時候需要正則驗證。
首先是Cookie的設置(在A頁面中設置需要傳遞的參數)
document.cookie="name="+username;
Cookie的獲取(在B頁面獲取需要的參數username )
var username=document.cookie.split(";")[0].split("=")[1];//獲取等號后面的數據
下面介紹Cookie 的封裝【一】(數據格式為json格式的時候)
<script>
var j = { //定義格式為json格式
name : "軒轅殘羽",
age : 18
};
setCookie(j,2);//設置Cookie。2為設置時間
var val = getCookie("name"); //獲取Cookie(可以在你需要的壓面)
alert( val );//軒轅殘羽
alert( getCookie("age") );//18
//Cookie封裝
//設置cookie
function setCookie(vJson , time){
var data = new Date( new Date().getTime() + time*24*60*60*1000 ).toGMTString();
for (var key in vJson)document.cookie = key+"="+vJson[key]+"; expires="+data;
}
//獲取cookie
function getCookie(key){
var arr = document.cookie.match(new RegExp("(\\s|^)"+key+"=([^;]*)(;|$)"));//正則表達式驗證
return arr?arr[2]:"";
}
//移出cookie
function removeCookie(key){
var json = {};
json[key] = "";
setCookie(json , -1);//這里設置時間為負數就可以完成刪除
}
/*function getCookie(key){
var cookie = document.cookie;
var reg = new RegExp("(\\s|^)"+key+"=([^;]*)(;|$)"); // (\s|^)age=(.*)(;|$)
var s = cookie.match(reg)[2];
return s;
}*/
</script>
一般格式分裝【二】(數據格式為普通格式)
//設置Cookie
function addCookie(name,value,expireHours){
var cookieString=name+"="+escape(value);
//判斷是否設置過期時間
if(expireHours>0){
var date=new Date();
date.setTime(date.getTime+expireHours*3600*1000);
cookieString=cookieString+"; expire="+date.toGMTString();
}
document.cookie=cookieString;
}
//獲取Cookie
function getCookie(name){
var strCookie=document.cookie;
var arrCookie=strCookie.split("; ");
for(var i=0;i<arrCookie.length;i++){
var arr=arrCookie[i].split("=");
if(arr[0]==name)return arr[1];
}
return "";
}
alert(getCookie("name"));
3JavaScript通過HTML5本地儲存傳值(個人感覺類似cookie,數據存儲在本機)(建議)
本地存儲的方法
localStorage.name = "軒轅殘羽";
localStorage.age = 18;//可存儲多組數據
獲取存儲
var myname = localStorage["name"];//myname 為軒轅殘羽
如果想要刪除某個本地存儲
//刪除某個值
localStorage.removeItem("name");