10Cookie

<!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的更多相关文章

随机推荐

淘宝弹性布局方案lib-flexible研究
1. lib-flexible不能与响应式布局兼容先说说响应式布局的一些基本认识: 响应式布局的表现是:网页通过css媒介查询判断可视区域的宽度,在不同的范围应用不同的样式,以便在不同尺寸的设备上呈 ...
Unity 屏幕震动效果实现
要实现震屏效果其实并不难,所谓的震屏在PC端可以简单地理解为相机(MainCamera)的抖动. 代码实现如下: using UnityEngine; using System.Collections ...
使用Unicorn-engine 续1
续上次,在ubuntu server 14.04交叉编译好后,下一步就是在windows上使用了. 在windows上,我主要是用python进行分析程序,因此我最初安装的是官网上的 unicorn- ...
linux下Mysql 的安装、配置、数据导入导出
MySQL是一种开放源代码的关系型数据库管理系统(RDBMS),虽然功能未必很强大,但因它的免费开源而广受欢迎. 这次,接着上一篇<CentOs minimal安装和开发环境部署>,讲下L ...
NPOI兼容 excel2003，2007版本
根据项目需要,需要对excel进行导入导出,所以选择NPOI,优点在这里就不详细介绍了,下面进入正题. public int Import(string path) { IList<Studen ...
Splash界面布局与代码实现(一)
xml界面布局代码: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns ...
PHP学习笔记十【数组】
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/h ...
[转]如何正确清理C盘
转自微软的Answers网站. 以下是推荐使用的方法,安全且不会误删有用的系统文件 1.尽量不要在C盘安装应用软件,在软件安装时,一般可以手动指定安装路径,您可以将软件指定安装到其他盘符. 在使用它们 ...
mac osx 10.9 ftp server端口
开启 FTP Serversudo -s launchctl load -w /System/Library/LaunchDaemons/ftp.plist 关闭 FTP Serversudo -s ...
Python 自学笔记（一）环境搭建
一,关于Python的介绍关于Python的介绍,我不想多说了,网上随便一搜,很多介绍,这里我主要写下我的自学Python的过程,也是为了促进我能继续学习下去. 二,环境搭建 1,这里我只讲解Wi ...

10Cookie

10Cookie的更多相关文章

随机推荐

热门专题