前端跨页面传值 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的参数值;

注意了,虽然后台控制的浏览器地址栏域名一直不变,但是不影响这个的使用;

 

转载于:https://www.cnblogs.com/liuliu-hai/p/8931570.html