今天同事交给了我一个记住cookies插件，首先先去网上下载一个jquery.cookie.js文件文件下载

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script src="jquery.cookie.min.js" type="text/javascript"></script>

</head>

<!-- 2-2、函数属性简介

　　　语法：$.cookie(名称,值,[option])

　　　(1)读取cookie值

　　　$.cookie(cookieName)　　　　　　　　　cookieName:要读取的cookie名称。

　　   示例：$.cookie("username");　　　　　  读取保存在cookie中名为的username的值。

　　　(2)写入设置Cookie值：

　　　$.cookie(cookieName,cookieValue);　　cookieName:要设置的cookie名称，cookieValue表示相对应的值。

　　　示例:$.cookie("username","admin");　  将值"admin"写入cookie名为username的cookie中。

　　　　　 $.cookie("username",NULL);　　　销毁名称为username的cookie

　　　(3) [option]参数说明：

　　　　　expires:　　有限日期，可以是一个整数或一个日期(单位：天)。　　这个地方也要注意，如果不设置这个东西，浏览器关闭之后此cookie就失效了

　　　　　path:　　　 cookie值保存的路径，默认与创建页路径一致。

　　　　   domin:　　  cookie域名属性，默认与创建页域名一样。　　这个地方要相当注意，跨域的概念，如果要主域名二级域名有效则要设置　　".xxx.com"

　　　　   secrue:　　 一个布尔值，表示传输cookie值时，是否需要一个安全协议。

   创建cookie实例： $.cookie("useuName", $("#useuName").val(), { path: "/", expiress: 7 ,sucue:true})

三、完整使用实例 -->

<script type="text/javascript">

        $(function () {

　　　　if($.cookie("username"))

　　　　{

            　　$("#msg").val($.cookie("username"));

　　　　}else{

                    $("#msg").val('请随便输点');

                }

       //  console.log($.cookie("username"));

            $("#sure").click(function () {

                $.cookie("username",$("#msg").attr('value'));

               // alert($.cookie("username"));

            })

              $("#del").click(function () {

                $.cookie("username",null);

            })

        })

    </script>

<body>

    <p>

        信息记录：<input type="text" id="msg"  value="" />  <input type="button" value="记住当前信息" id="sure" /><input type="button" value="删除cookie" id="del" />

   </p>

</body>

</html>

今天我又学会了一个功能！！！

cookies插件，记住cookies的更多相关文章

  1. 关于jQuery的cookies插件2.2.0版设置过期时间的说明

    欢迎转载,转载请注明作者RunningOn jQuery应该是各位用JavaScript做web开发的常用工具了,它有些插件能非常方便地操作cookie. 不过非常让人郁闷的是,网上几乎所有人对于这些 ...

  2. jquery 操纵 cookies 插件（1）

    当你浏览某网站时,你硬盘上会生产一个非常小的文本文件,它可以记录你的用户ID.密码.浏览过的网页.停留的时间等信息. 当你再次来到该网站时,网站通过读取Cookies,得知你的相关信息,就可以做出相应 ...

  3. Vue ---- ajax cookies 插件安装 跨域问题 element-ui bootscript 导入

    目录 补充: 流式布局样式 Django国际化配置 Django的TODO注释 Vue的ajax插件:axios 安装 配置 如何使用? Vue的cookies插件:cookies 安装: main. ...

  4. cookies插件 , axios插件,element-ui 插件

    vue-cookie插件 安装 >: cnpm install vue-cookies main.js配置 // 第一种方式 import cookies from 'vue-cookies' ...

  5. vue路由的跳转-路由传参-cookies插件-axios插件-跨域问题-element-ui插件

    ---恢复内容开始--- 项目初始化 创建一个纯净的vue环境项目,手动书写全局的样式配置,全局的main,js配置 (1)如果vue项目在重构或者出错的时候,手动安装node_modules. 如果 ...

  6. Django 设置cookies与获取cookies.

    在Django里面,使用Cookie和Session看起来好像是一样的,使用的方式都是request.COOKIES[XXX]和request.session[XXX],其中XXX是您想要取得的东西的 ...

  7. scrapy cookies：将cookies保存到文件以及从文件加载cookies

    我在使用scrapy模拟登录新浪微博时,想将登录成功后的cookies保存到本地,下次加载它实现直接登录,省去中间一系列的请求和POST等.关于如何从本次请求中获取并在下次请求中附带上cookies的 ...

  8. Response.Cookies 和 Request.Cookies

    Response.Cookies 和 Request.Cookies     原文地址: http://www.cnblogs.com/forcertain/archive/2012/12/04/28 ...

  9. Request.Cookies 和 Response.Cookies 的区别

    .NET中提供了读写Cookie的多种方法,Request.Cookies 是客户端通过 Cookie 标头形式由客户端传输到服务器的 Cookie:Response.Cookies 在服务器上创建并 ...

随机推荐

  1. struts2 spring mybatis 整合（test）

    这几天搭了个spring+struts2+mybatis的架子,练练手,顺便熟悉熟悉struts2. 环境:myEclipse10+tomcat7+jdk1.6(1.8的jre报错,所以换成了1.6) ...

  2. .NET积累

    2016-10-27 给视图中的select赋值: 控制器: public ActionResult Add() { List<SelectListItem> ClassName = ne ...

  3. PYTHON文件操作（二）

    class file(object) def close(self): # real signature unknown; restored from __doc__ 关闭文件 "" ...

  4. 学习 opencv---(8)非线性滤波：中值滤波，双边滤波

    正如我们上一篇文章中讲到的,线性滤波可以实现很多种不同的图像变换.然而非线性滤波,如中值滤波器和双边滤波器,有时可以达到更好的实现效果. 邻域算子的其他一些例子还有对 二值图像进行操作的形态学算子,用 ...

  5. 一堆LCT板子

    搞了一上午LCT,真是累死了-- 以前总觉得LCT高大上不好学不好打,今天打了几遍感觉还可以嘛= =反正现在的水平应付不太难的LCT题也够用了,就这样好了,接下来专心搞网络流. 话说以前一直YY不出来 ...

  6. 解决Unsupported major.minor version 51.0错误

    解决Unsupported major.minor version 51.0错误使用jdk6运行项目时发生了Unsupported major.minor version 51.0错误.经过网上搜索发 ...

  7. 常用js函数封装

    see them... // 获取网址的get参数 var GET = function(name) { var reg = new RegExp("(^|&)" + na ...

  8. 【bb平台刷课记】wireshark结合实例学抓包

    [bb平台刷课记]wireshark结合实例学抓包 背景:本校形势与政策课程课需要在网上观看视频的方式来修得学分,视频网页自带"播放器不可快进+离开窗口自动暂停+看完一集解锁下一集(即不能同 ...

  9. ACM/ICPC 之 Dinic+枚举最小割点集(可做模板)(POJ1815)

    最小割的好题,可用作模板. //Dinic+枚举字典序最小的最小割点集 //Time:1032Ms Memory:1492K #include<iostream> #include< ...

  10. js创建命名空间

    CreateNameSpace: function () { var nameSpaceObjec = arguments[0].split('.'); var currentNameSpaceNam ...