<!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. Java - 反射机制 2

    package spring.classloader; import java.lang.reflect.Constructor; import java.lang.reflect.Field; im ...

  2. [zz]npm安装错误解决方法

    错误: npm ERR! at Object.parse (native) npm ERR! at Packer.readRules (/usr/local/lib/node_modules/npm/ ...

  3. outlook 2007 IMAP设置和配置

    以Outlook2007为例(Outlook2003操作基本类似).  1.依次点击“工具”>“帐户设置”. 2.在“帐户设置”页中点击“新建”> 不需要做任何选择,点击下一步. 3.填写 ...

  4. jquery settimeout使用

    setTimeout(location,5000); //延迟5秒刷新页面 function location(){ window.location.href = window.location.hr ...

  5. 类型 - PHP手册笔记

    类型简介 PHP 支持 8 种原始数据类型. 四种标量类型: boolean(布尔型,不区分大小写) integer(整型) float(浮点型,也称作double) string(字符串) 两种复合 ...

  6. setTimeout setInterval 带参数的问题

    转载http://www.jb51.net/article/36233.htm 在JS中无论是setTimeout还是setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要 ...

  7. 【深夜急报，Win10下的Linux子系统之Bash】

    [在Windows下进行的编程人员,你真的需要学习下Linux] 手册:<Linux 命令手册(特洛伊版2.0)> 链接: https://pan.baidu.com/s/1skrVSvV ...

  8. 跨越多台haproxy 跳转

    <pre name="code" class="python">在zjtest5环境的haproxy上配置: 需要 访问acl host_zjcap ...

  9. linux下so动态库一些不为人知的秘密（中二）

    继续上一篇< linux下so动态库一些不为人知的秘密(中) >介绍so搜索路径,还有一个类似于-path,叫LD_RUN_PATH环境变量, 它也是把路径编译进可执行文件内,不同的是它只 ...

  10. sql 数据库 庞大数据量 需要分表

    17:04:05问下 在什么情况下 审核分区啊 ~..大熊..o○ 17:06:53这个要看应用~..大熊..o○ 17:07:37比如数据量很大,查询多是按照时间段查询,就可以用时间段来做分区~.. ...