<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

    <title></title>

    <script src="Scripts/jquery-1.8.2.min.js"></script>

    <script src="Scripts/jquery.cookie.js"></script>

    <script type="text/javascript">

        $(function () {

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

                var strName = $("#txtName").val();

                var strPwd = $("#txtPwd").val();

                if (strName == "sa" && strPwd == "123") {

                    $.cookie("userName", strName, { expires: 1 });//没有设置失效时间，所以是缓存cookie,有设置失效时间则是硬盘cookie，expires单位是天

                    alert("登陆成功");

                    window.location.href = "11Index.html";

                }

            });

        });

    </script>

</head>

<body>

    用户名：<input type="text" id="txtName" /><br />

    密码：<input type="text" id="txtPwd" /><br />

    <input type="button" id="btnLogin" value="登录" />

</body>

</html>

　　登陆后的页面

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

    <title></title>

    <script src="Scripts/jquery-1.8.2.min.js"></script>

    <script src="Scripts/jquery.cookie.js"></script>

    <script type="text/javascript">

        $(function () {

            var strName = $.cookie("userName");

            if (strName && strName != "")//判断既不为null也不为undefined   和不为空字符串

            {

                $('#userName').text();

            } else {

                alert("请先登录");

                window.location = '10Cookie.html';

            }

        });

        //退出方法

        function exit() {

            $.cookie("userName", "", { expires: -1 });//设置过期

            alert("退出成功");

        }

    </script>

</head>

<body>

    首页，欢迎<span id="userName"></span>

    <a href="javascript:exit()">退出登录</a>

</body>

</html>

　　

10Cookie的更多相关文章

随机推荐

  1. php安装扩展模块（curl模块）

    php安装扩展模块的思路: 1,首先找到需要安装的扩展模块的目录.一般在/usr/local/php/ext目录下 但是有的模块php源码中不一定有,需要自己下载比如memcache.redis等. ...

  2. Oracle Golden Gate - 概念和机制 (ogg)

    Golden Gate(简称OGG)提供异构环境下交易数据的实时捕捉.变换.投递. OGG支持的异构环境有: OGG的特性: 对生产系统影响小:实时读取交易日志,以低资源占用实现大交易量数据实时复制 ...

  3. 【Java基础】foreach循环

    从一个小程序说起: class lesson6foreach { public static void main(String[] args) { int array[]={2,3,1,5,4,6}; ...

  4. MySql5.1在Win7下的安装与重装问题的解决

    痛苦啊痛苦,我也不知道这两天怎么了.上班没有精神,还打瞌睡,下班后又感觉很累.精力集中不起来. 这篇花了我好久的时间,我效率这么差,~\(≧▽≦)/~. 软件包下载 首先单击mysql-5.1.53- ...

  5. word 中巧妙添加分隔线

  6. OSError: [Errno 13] Permission denied: '/etc/cron.d/1sandbox_registration'

    使用Hortonworks 的twitter tutorial: http://hortonworks.com/hadoop-tutorial/how-to-refine-and-visualize- ...

  7. Unity IOC注入详细配置(MVC,WebApi)

    一直想写一篇关于unity 详细的配置信息的文章,也算是自我总结吧 先介绍了unity , Unity是微软官方推荐使用的轻型的IOC框架,支持各种方式的注入 ,使用来解耦的利器. 获取unity 的 ...

  8. Android开发_关于点击事件

    为了防止用户或者测试MM疯狂的点击某个button: 创建一个工具类 public class Tools { private static long lastClickTime; public st ...

  9. SQL case when

    jack    1tom    2anni    3poly    4 select buyer_name, ( case ' then '东' ' then '南' ' then '西' ' the ...

  10. C++程序设计实践指导1.7超长数列中n个数排序改写要求实现

    改写要求1:将以上程序改写为适合超长整数 改写要求2:将以上程序改写为适合超长数列 改写要求3:将数列中指定位置m开始的n个结点重新按降序排序 改写要求4:输出指定位置m开始的n个结点的超长整数 #i ...