js设置cookie的简单方法

一,js设置cookie的用处

php可以设置cookie的,用js来设置cookie有什么好处呢?在前端进行操作时,有的时候要传很多参数,这个时候,我们可以把这些参数拼接到url后面进行传值,那边在接收参数,不过这样挺麻烦的,如果把这些数据放到cookie里面,就开发者的开发效率来说,我想会高一些,以淘宝为例,他有一级分类,二级分类,三级,四级,我们找商品的时候,可能会牵扯到很多条件,如果把这些条件都放到cookie里面,我感觉就方便多了,不知道淘宝是不是这样的。淘宝的url是加了密的,并且好长,有可能是根在url的后面。费话不多说看一个小例子。

二,js实例

//取得cookie 
function getCookie(name) { 
 var nameEQ = name + "="; 
 var ca = document.cookie.split(';');    //把cookie分割成组 
 for(var i=0;i < ca.length;i++) { 
 var c = ca[i];                      //取得字符串 
 while (c.charAt(0)==' ') {          //判断一下字符串有没有前导空格 
 c = c.substring(1,c.length);      //有的话,从第二位开始取 
 } 
 if (c.indexOf(nameEQ) == 0) {       //如果含有我们要的name 
 return unescape(c.substring(nameEQ.length,c.length));    //解码并截取我们要值 
 } 
 } 
 return false; 

 
//清除cookie 
function clearCookie(name) { 
 setCookie(name, "", -1); 

 
//设置cookie 
function setCookie(name, value, seconds) { 
 seconds = seconds || 0;   //seconds有值就直接赋值,没有为0,这个根php不一样。 
 var expires = ""; 
 if (seconds != 0 ) {      //设置cookie生存时间 
 var date = new Date(); 
 date.setTime(date.getTime()+(seconds*1000)); 
 expires = "; expires="+date.toGMTString(); 
 } 
 document.cookie = name+"="+escape(value)+expires+"; path=/";   //转码并赋值 
}   

调用一下上面方法:

setCookie("test","tank",1800);         //设置cookie的值,生存时间半个小时 
alert(getCookie('test'));                     //取得cookie的值,显示tank 
clearCookie("test");                           //删除cookie的值 
alert(getCookie('test'));                     //test对应的cookie值为空,显示为false.就是getCookie最后返的false值。 

时间: 2024-12-21 21:19:15

js设置cookie的简单方法的相关文章

用js读写cookie的简单方法(推荐)_javascript技巧

在数据安全要求不是很高的情况下,我们可以直接用js对cookie进行读写,这样比较方便. 代码如下: /* 功能:保存cookies函数 参数:name,cookie名字:value,值 */ function SetCookie(name,value){ var Days = 30*12; //cookie 将被保存一年 var exp = new Date(); //获得当前时间 exp.setTime(exp.getTime() + Days*24*60*60*1000); //换成毫秒

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

 JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的. 而cookie是运行在客户端的,所以可以用JS来设置cookie. 假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,对于JS中的全局变量或者静态变量的生命周期是有限的,当发生页面跳转或者页面关闭的时候,这些变量的值会重新载入,即没有达到保存的效果.解决这个问

JS设置cookie、读取cookie、删除cookie_javascript技巧

JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的. 而cookie是运行在客户端的,所以可以用JS来设置cookie. 假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,对于JS中的全局变量或者静态变量的生命周期是有限的,当发生页面跳转或者页面关闭的时候,这些变量的值会重新载入,即没有达到保存的效果.解决这个问题

httpclient模拟登陆具体实现(使用js设置cookie)_javascript技巧

httpclient模拟登陆(使用js设置cookie) 复制代码 代码如下: <html> <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> <link rel=stylesheet type=text/css href='/bbs.css'> <script>document.cookie='utmpnum=51;path=/;domain=.' + window.l

JS设置获取cookies的方法

 这篇文章主要介绍了JS设置获取cookies的方法,有需要的朋友可以参考一下 结合JavaScript权威指南,加上项目开发时在网上搜集的资料,整理了两种设置和获取cookie的方法.  代码如下: <script>   //设置cookie  方法一 function setCookie(name,value){  var exp = new Date();  exp.setTime(exp.getTime() + 1*60*60*1000);//有效期1小时  document.cook

JS设置cookie、读取cookie_javascript技巧

JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的. 而cookie是运行在客户端的,所以可以用JS来设置cookie. js设置cookie方法汇总: 第一种: <script> //设置cookie function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); v

js cookie-关于js设置cookie问题

问题描述 关于js设置cookie问题 cookie设置不进去. $(""#button_login"").click(function(){ SetCookie(""111""111""); }); function SetCookie(namevalue){var Days = 30; //此 cookie 将被保存 30 天var exp = new Date();exp.setTime(exp.ge

解析curl提交GET,POST,Cookie的简单方法

本篇文章是对curl提交GET,POST,Cookie的简单方法进行了详细的分析介绍,需要的朋友参考下   复制代码 代码如下: <?php $get_data = array ( "get1"=> "get1", "get2" => "get2", "get3" => "get3" ); $curl = curl_init(); curl_setopt($cur

js设置cookie,获取cookes,清除cookie代码

提示:您可以先修改部分代码再运行 js设置cookie,获取cookes,清除cookie代码 提示:您可以先修改部分代码再运行 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索代码 php 清除cookie代码.java代码清除cookie.xss获取cookie代码.清除cookie.js清除cookie,以便于您获取更多的相关知识.