js cookie

灰太狼 2022-05-28 10:05 159阅读 0赞

概念不说，直接来看看如何进行cookie的设置等操作

有个问题提前说明：

本地测试cookie的时候，

直接打开网页然后测试,对于chrome 和 opera 浏览器是不可以的，

也就是说返回值都是空，但是可以使用 firefox 和 IE 浏览器，这两个是可以的；

如果非得在Chrome或者opera下测试，那么换一种打开文件的方式，

将文件放到服务器下，然后打开就可以了，也就是服务器环境下 chrome 和opera 是可以测试 cookie 的；

为了演示方便，我们在 opera 浏览器下或者 IE 浏览器下进行演示

我们先来看看简单的设置：

document.cookie="name="+"哈哈哈";

这样就可以设置一个简单的cookie了，怎么查看呢？

alert( document.cookie );  就能看到了；

一般情况下cookie不会像上面那样只有一个 name="哈哈哈" ，还会加上过期时间，

下面我们利用函数的形式写一个设置cookie的操作；

**function**  setCookie (name,value,exday)\{

*//name 是用户名标识*

*//value 是具体的用户名*

*//exday 是几天过期*

**var**  d  =  new  Date (); *//获取当前时间*

**var**  now = d . getTime (); *//获取当前时间的时间戳*

**var**  gap = exday \* 24 \* 3600 \* 1000 ; *//过期的时间长度*

d . setTime ( now \+ gap ); *//过期的具体时间的时间戳*

**var**  expires  =  "expires=" \+ d . toGMTString (); *//将时间戳转化为GMT格式*

document.cookie  =  name \+ "=" \+ value \+ "; " \+ expires ; *//设置cookie*

\}

这样我们cookie设置函数就完成了，现在，比如说：我想设置这样一个cookie

username=“我是登录用户”过期时间是三天；

那么我们这样就可以了：

*setCookie("username","我是登陆用户",3);*

上面只是设置了 cookie ,但是我们的工作不能只是设置一下就结束了，我们还得应用到我们的网站上，

我们来获取一下cookie：

**function**  getCookie (name)\{ //获取用户名信息函数

**var**  name  =  name  \+  "=" ;

**var**  data\_arr  =  document.cookie. split ( ';' );

for ( **var**  i = 0 ;  i < data\_arr .length;  i \++ ) \{

**var**  str  =  data\_arr \[ i \]. trim ();

if  ( str . indexOf ( name ) == 0 ) \{

return  str . substring ( name .length, c .length);

\}

\}

return  "" ;

\}

比如我们要获取 username 的值；  var temp=getCookie( username ) 即可；

获取之后即可进行操作了；

发表评论取消回复

表情：

评论列表（有 0 条评论，159人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS设置cookie、读取cookie、删除cookie

![4398cee67debd6f465932a78c5e8863b.jpeg][] Js操作Cookie总结（设置，读取，删除），工作中经常会用到的哦！下面是详细代码，如有

迈不过友情╰/ 2024年03月23日 18:58/ 0 赞/ 59 阅读

相关 js-cookie和vue-cookies（Cookie使用教程）

简述：js-cookie和vue-cookies都是vue项目中的插件，下载相关依赖后，可以用来存储、获取、删除Cookie等操作，思路相同，操作时稍有不同，当然也可以用原生

比眉伴天荒/ 2023年10月04日 22:27/ 0 赞/ 49 阅读

相关 JS设置cookie、读取cookie、删除cookie

JS设置cookie、读取cookie、删除cookie cookie是网站设计者放置在客户端的小文本文件，一般后台语言使用的比较多，可以实现用户个性化的一些需求。

深藏阁楼爱情的钟/ 2023年07月24日 02:05/ 0 赞/ 26 阅读

相关运用JS设置cookie、读取cookie、删除cookie

JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。而cookie是运行在客户端的，所以可以用JS

逃离我推掉我的手/ 2022年06月18日 00:52/ 0 赞/ 219 阅读

相关 js+cookie

使用下面的js来实现读写cookiefunction setCookie(name,value)\{var Days = 30;var exp = new Date(); ex

曾经终败给现在/ 2022年06月09日 21:11/ 0 赞/ 123 阅读

相关 JS设置cookie、读取cookie、删除cookie

【转自：http://www.jb51.net/article/64330.htm】 JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Se

喜欢ヅ旅行/ 2022年06月03日 04:08/ 0 赞/ 251 阅读

相关 js cookie

概念不说，直接来看看如何进行cookie的设置等操作有个问题提前说明：本地测试cookie的时候，直接打开网页然后测试,对于chrome 和 opera

灰太狼/ 2022年05月28日 10:05/ 0 赞/ 160 阅读

相关运用JS设置cookie、读取cookie、删除cookie

JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。而cookie是运行在客户端的，所以可以用JS

以你之姓@/ 2022年05月27日 03:00/ 0 赞/ 246 阅读

相关 JS设置cookie

封装js代码 var Cookie = { set: function(key, val, expiresDays){ //这里传天数

秒速五厘米/ 2022年05月26日 08:11/ 0 赞/ 186 阅读

相关 JS获取cookie

function getCookie(name) { if (document.cookie.length > 0) { co

小咪咪/ 2021年09月21日 01:58/ 0 赞/ 411 阅读