<!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. 【巧妙算法系列】【Uva 11464】 - Even Parity 偶数矩阵

    偶数矩阵(Even Parity, UVa 11464) 给你一个n×n的01矩阵(每个元素非0即1),你的任务是把尽量少的0变成1,使得每个元素的上.下.左.右的元素(如果存在的话)之和均为偶数.比 ...

  2. PropertyGrid—添加属性Tab

    零.引言 PropertyGrid用来显示和编辑对象的属性,前面已经简单介绍了如何使用该控件和提供不同的属性编辑方法.前面主要讲如何使用该控件,但有时,该控件无法满足我们的需求,就需要对其进行扩展.本 ...

  3. escape和unescape给字符串编码

    var before = "\xxx\xxx" var after = escape(before); var after2 = unescape(after );

  4. javascript XMLHttpRequest对象全面剖析

    转载:http://www.jb51.net/article/23175.htm 一. 引言 异步JavaScript与XML(AJAX)是一个专用术语,用于实现在客户端脚本与服务器之间的数据交互过程 ...

  5. latex 固定图片位置

    1,插入并列的子图 \usepackage{subfigure} \begin{figure}[H] \centering \subfigure[SubfigureCaption]{ \label{F ...

  6. BAK文件怎么恢复到数据库中

    1.右击SQLServer2000实例下的“数据库”文件夹.就是master等数据库上一级的那个图标.选择“所有任务”,“还原数据库” 2.在“还原为数据库”中填上你希望恢复的数据库名字.这个名字应该 ...

  7. iOS9基础知识（OC）笔记

    1月16日 Objective  C(20世纪80年代初) 一.OC语言概述 1.1985年,Steve  Jobs成立了NeXT公司 2.1996年,12月20日,苹果公司宣布收购了NeXT  ...

  8. 表单验证的validate.js插件---jQuery Validation Plugin

    早上在公交车上看了一个关于慕课网的教程<表单验证的validate.js插件---jQuery Validation Plugin>,正好可以用到自己近期开发简易微博的注册页面和登录页面, ...

  9. PHP多种序列化/反序列化的方法 (转载)

    1. serialize和unserialize函数 这两个是序列化和反序列化PHP中数据的常用函数. <?php $a = array('a' => 'Apple' ,'b' => ...

  10. 【Xamarin 挖墙脚系列：Windows 10 一个包罗万象的系统平台】

    build2016 结束后,证实了微软之前的各种传言.当然,都是好消息. Windows10 上基本可以运行主流的任意的操作系统. Windows Linux(在内部版本143216中,支持了bash ...