前端跨頁面傳值 cookie,sessionStorage,url傳參

1.cookie前端與后台都可以創建保存在客戶端,有默認有效時間,當然也可以清除瀏覽器cookie;

創建方式:

var name="liuliu";
var age=28;
document.cookie="name="+name;
document.cookie="age="+age;

cookie鍵值對以等號方式連接cookie之間用分號分開;

獲取全部cookie字符串:

document.cookie;
"name=liuliu;age=28"

鑒於cookie以這種形式連接成的字符串:可以寫一個方法具體來獲取某個鍵的cookie值;(chrome瀏覽器本地測試無效)

function getCookie(cookie_key) {　　
        var cookies=document.cookie
        if (cookies.length == 0 || cookies_key.length == 0) return;
        var arr = cookies.split(";");
        for (var i = 0; i < arr.length; i++) {
            var somecookie = arr[i].split("=");
            if (somecookie[0] == cookie_key) return somecookie[1];
            break;
        }
  }

cookie的長度有限制:一般為4k左右,通常存儲小量的信息; cookie兼容低版本的IE;

 

sessionStorage是H5的新標准,,是webStorage的一種,像存儲對象一樣;支持IE9+;在客戶端保存;

用法  設置:window.sessionstorage.setItem("name","kangkang");   取值:window.sessionstorage[''name"]; 

有效期就是當前會話結束之后就失效了,簡單的理解就是關閉當前的瀏覽頁面;存儲大小為5M左右;不同瀏覽器稍有差距;

 

url傳參:它的使用場景也可以誇頁面;同樣起到傳值的左右;

var url="https://www.baidu.com?page=2";

當你進入另外一個頁面的時候可以根據所傳入的參數不同,而進行相應的操作;同樣也可以寫一個方法來獲取url的參數值;

注意了,雖然后台控制的瀏覽器地址欄域名一直不變,但是不影響這個的使用;