`
5211422
  • 浏览: 209683 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js读写COOKIE

 
阅读更多
js实现记住帐号或密码(js读写COOKIE)





<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test0417.aspx.cs" Inherits="test0417" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script language="javascript" type="text/javascript">
        function onLoginLoaded()
        {
            if(isPostBack == "False")
            {
                GetLastUser();
            }
        }
        function GetLastUser()
        {
            var id = "49BAC005-7D5B-4231-8CEA-16939BEACD67";
            var usr = GetCookie(id);
            if(usr != null)
            {
                document.getElementById("txtUserName").value = usr;
            }
            else
            {
                document.getElementById("txtUserName").value = "001";
            }
           
            GetPwdAndChk();
        }
       
       //點擊登錄時觸發客戶端事件
       function SetPwdAndChk()
        {  
            //取用戶名
            var usr = document.getElementById("txtUserName").value;
            //alert(usr);
            //將最後一個用戶信息寫入到Cookie
            SetLastUser(usr); 
            //如果記住密碼選項被選中         
            if(document.getElementById("chkRememberPwd").checked == true)
            {
                //取密碼值
                var pwd = document.getElementById("txtPassword").value;  
                //alert(pwd);            
                var expdate = new Date();
                expdate.setTime(expdate.getTime() + 14 * (24 * 60 * 60 * 1000));
                //將用戶名和密碼寫入到Cookie               
                SetCookie(usr,pwd, expdate);
            }
            else
            {
                //如果沒有選中記住密碼,則立即過期
                ResetCookie();
            }
        }
       
       
        function SetLastUser(usr)
        {
            var id = "49BAC005-7D5B-4231-8CEA-16939BEACD67";           
            var expdate = new Date();
            //當前時間加上兩周的時間
            expdate.setTime(expdate.getTime() + 14 * (24 * 60 * 60 * 1000));               
            SetCookie(id, usr, expdate);
        }
       
        //用戶名失去焦點時調用該方法
        function GetPwdAndChk()
        {
            var usr = document.getElementById("txtUserName").value;
            var pwd = GetCookie(usr);
                
           
            if(pwd != null)
            {
                document.getElementById("chkRememberPwd").checked = true;
                document.getElementById("txtPassword").value = pwd;
            }
            else
            {
                document.getElementById("chkRememberPwd").checked = false;
                document.getElementById("txtPassword").value = "";
            }
        }
       
        //取Cookie的值
        function GetCookie (name)
        {
            var arg = name + "=";
            var alen = arg.length;
            var clen = document.cookie.length;
            var i = 0;
            while (i < clen)
            {
                var j = i + alen;
                //alert(j);
                if (document.cookie.substring(i, j) == arg)
                  return getCookieVal (j);
                i = document.cookie.indexOf(" ", i) + 1;
                if (i == 0) break;
            }
            return null;
        }
       
        var isPostBack = "<%= IsPostBack %>";
        function getCookieVal (offset)
        {          
            var endstr = document.cookie.indexOf (";", offset);      
            if (endstr == -1)
                endstr = document.cookie.length;
            return unescape(document.cookie.substring(offset, endstr));          
           
        }
       
       
        //寫入到Cookie
        function SetCookie(name, value, expires)
        {
            var argv = SetCookie.arguments;
            //本例中length = 3
            var argc = SetCookie.arguments.length;
                    
            var expires = (argc > 2) ? argv[2] : null;
            var path = (argc > 3) ? argv[3] : null;
            var domain = (argc > 4) ? argv[4] : null;
            var secure = (argc > 5) ? argv[5] : false;
            document.cookie = name + "=" + escape (value) +
            ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +    
            ((path == null) ? "" : ("; path=" + path)) +
            ((domain == null) ? "" : ("; domain=" + domain)) +
            ((secure == true) ? "; secure" : "");
        }
       
        function ResetCookie()
        {
            var usr = document.getElementById("txtUserName").value;  
            var expdate = new Date();           
            SetCookie(usr, null, expdate);
        }


    </script>
</head>
<body onload="onLoginLoaded()">
    <form id="form1" runat="server">
    <div>
        &nbsp;<asp:TextBox ID="txtUserName" runat="server" onblur="GetPwdAndChk()"></asp:TextBox>
        <asp:TextBox ID="txtPassword" runat="server"></asp:TextBox>
        <asp:CheckBox ID="chkRememberPwd" runat="server" Text="記住密碼" />
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="進入 " OnClientClick="SetPwdAndChk()"/>
        </div>
    </form>
</body>
</html>
分享到:
评论

相关推荐

    js读写cookie

    详细介绍js读写cookie的方法 function cookeid get()

    js 实现 读写Cookie的函数

    js 实现 读写Cookie的函数! 值得下载看看!资源免费,大家分享!!

    javascript 读写cookie

    ### JavaScript 读写 Cookie 在Web开发中,Cookie是一种常用的技术,用于存储用户的信息以便后续访问时使用。本文将详细介绍如何使用JavaScript来实现Cookie的基本操作:写入、读取及删除。 #### 写入Cookie ...

    js读写COOKIE实现记住帐号或密码的代码(js读写COOKIE)

    js COOKIE 记住帐号或密码 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]测试方法:加入先输入用户名jb51密码为 www.jb51.net,选择记住密码,然后关闭后,重新打开页面,在用户名里面输入jb51,则密码会自动...

    用js读写cookie的简单方法(推荐)

    以下是对标题和描述中所述的JavaScript读写Cookie方法的详细解释: ### 1. 设置Cookie 设置Cookie的函数`SetCookie`接受两个参数:`name`(Cookie的名称)和`value`(要存储的数据)。在这个例子中,`Days`变量...

    js操作cookie

    JavaScript通过`document.cookie`属性与Cookie进行交互,但需要注意的是,这个属性是一个字符串,而非对象,因此操作起来有一些特殊。 ### 二、JavaScript设置Cookie 设置Cookie涉及到以下步骤: 1. 创建一个包含...

    js读写cookie实现一个底部广告浮层效果的两种方法

    本文将探讨如何使用JS读写Cookie来实现在页面底部创建一个可关闭的广告浮层效果。 首先,我们需要理解Cookie的基本概念。Cookie是服务器发送到用户浏览器并存储在本地的一小段文本数据,用于跟踪用户状态、保持登录...

    前端js读写删cookie

    前端js读写删cookie

    Javascript读写cookie的实例

    本文将深入探讨JavaScript如何读写cookie,并提供一个具体的实例源码。 **什么是Cookie?** Cookie是由服务器发送到用户浏览器并存储在本地的一小段文本信息。每当用户再次访问同一网站时,浏览器会自动将这些...

    C# javascript 读写Cookie的方法

    在JavaScript中,读写Cookie主要通过`document.cookie`属性实现。以下是JavaScript写入和读取Cookie的示例: ```javascript // 写入Cookie function Set_Cookie() { var setValue = "陈xx"; var exdate = new ...

    javascript 对cookie 的读写操作

    javascript对cookie的日常操作

    js读写(删除)Cookie实例详解

    在Web开发过程中,使用JavaScript操作Cookie是常见需求,本文将详细介绍如何用JavaScript实现Cookie的读取、写入和删除。通过实例代码的解读,来理解相关的知识点。 首先,我们来讨论JavaScript中写入Cookie的操作...

    java-script读写Cookie例子

    java-script读写Cookie例子

    Flex 与javascript交互、C#读写Cookie

    接下来,我们探讨C#读写Cookie。Cookie是服务器存储在客户端的一种小型文本文件,用于跟踪用户状态、保存登录信息等。在C#中,我们可以使用`HttpCookie`类来处理Cookie。 读取Cookie的基本步骤: 1. 创建`...

    js+cookie购物车

    因为 JavaScript 可以读写 Cookie,所以: 1. **存储数据**:当用户添加商品到购物车,JavaScript 可以将商品信息编码为 JSON 格式,然后存储为 Cookie。 2. **恢复数据**:当用户重新访问网站时,JavaScript 读取 ...

Global site tag (gtag.js) - Google Analytics