cookiejs本地网页,js获取页面cookie

本文目录一览：

• 
  1、为什么本地使用js或jquery操作COOKIE在谷歌浏览器chrome中不生效
  


• 
  2、用原js写获取本地COOKIE的方法
  


• 
  3、请问如何打开一个网页的时候用js将COOKIE置入进去
  


• 
  4、js本地存储和COOKIE
  


• 
  5、静态页面怎么用js获取COOKIE
  

为什么本地使用js或jquery操作COOKIE在谷歌浏览器chrome中不生效

具体解决方案如下：

1、原因在于chrome不支持js在本地操作COOKIE!

据测试，除了chrome浏览器外，其他主流浏览器（ie、firefox等）都支持js在本地操作COOKIE。当然部署到服务器上所有浏览器都是支持的。

2、当然，还有另外一个原因：浏览器设置成不支持COOKIE。这样，调试js操作COOKIE当然也是不生效的。

用原js写获取本地COOKIE的方法

get(COOKIE){

    let  COOKIEValue=null;

    let  COOKIEs=document.COOKIE.split(';');

    for(var i=0;iCOOKIEs.length;i++){

          let COOKIE=COOKIEs[i].trim();去掉前后的空格

          if(COOKIE.substring(0,name.length+1)==(name+'=')){

              COOKIEValue=decodeURICompoent(COOKIE.substring(name.length+1)）;

              break

          }

      }

    return COOKIEValue;

  }、

请问如何打开一个网页的时候用js将COOKIE置入进去

必须由当前网页所进行的COOKIE操作才有效，比如说百度的页面，就要由这个页面内所包含的js代码才能设置和获取自身的COOKIE，而不能由其他网站或软件来强加给它，否则要想黑一个网站就太容易了。

js本地存储和COOKIE

1、数据存储在用户浏览器中

2、设置、读取方便，甚至页面刷新不丢失数据

3、容量较大，sessionStorage约5M， localStorage约20M

4、只存储字符串

1、生命周期为关闭浏览器

2、在同一个窗口（页面）下数据可以共享

3、以健值对的形式存储使用

1、生命周期永久生效，除非手动删除，否则页面关闭也会存在

2、可以多页面共享

3、以健值对的形式存储使用

使用场景

静态页面怎么用js获取COOKIE

如何使用js来获取COOKIE的值，读取属于当前文档的所有COOKIEs，参考如下：

var allCOOKIEs = document.COOKIE;

定义一个函数，用来读取特定的COOKIE值。

function getCOOKIE(COOKIE_name)

{

var allCOOKIEs = document.COOKIE;

var COOKIE_pos = allCOOKIEs.indexOf(COOKIE_name); //索引的长度

// 如果找到了索引，就代表COOKIE存在，

// 反之，就说明不存在。

if (COOKIE_pos != -1)

{

// 把COOKIE_pos放在值的开始，只要给值加1即可。

COOKIE_pos += COOKIE_name.length + 1;

var COOKIE_end = allCOOKIEs.indexOf(";", COOKIE_pos);

if (COOKIE_end == -1)

{

COOKIE_end = allCOOKIEs.length;

}

var value = unescape(allCOOKIEs.substring(COOKIE_pos, COOKIE_end)); //这里就可以得到想要的COOKIE的值了。

}

return value;

}

// 调用函数

var COOKIE_val = getCOOKIE("username");