zoukankan      html  css  js  c++  java
  • cookie记录用户名

    cookie思路:当点击登录按钮时,把cookie存起来,再次访问的时候就读取cookie,即把txt的value设置之前存起来cookie的值就行。

    View Code
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script>
    function setCookie(name, value, iDay)
    {
        var oDate=new Date();
        oDate.setDate(oDate.getDate()+iDay);  //用来设置过期时间用的,获取当前时间加上传进来的iDay就是过期时间
        
        document.cookie=name+'='+value+';expires='+oDate;
    };
    
    function getCookie(name)
    {
        var arr=document.cookie.split('; ');  //多个cookie值是以; 分隔的,用split把cookie分割开并赋值给数组
        
        for(var i=0;i<arr[i].length;i++)  //历遍数组
        {
            var arr2=arr[i].split('=');  //原来割好的数组是:user=simon,再用split('=')分割成:user simon 这样可以通过arr2[0] arr2[1]来分别获取user和simon 
            if(arr2[0]==name)  //如果数组的属性名等于传进来的name
            {
                return arr2[1];  //就返回属性名对应的值
            }
            return '';  //没找到就返回空
        }
    };
    
    function removeCookie(name)
    {
        setCookie(name, 1, -1);  //-1就是告诉系统已经过期,系统就会立刻去删除cookie
    };
    
    window.onload=function()
    {
        var form=document.getElementById('form');
        var user=document.getElementsByName('user')[0];
        
        form.onsubmit=function()
        {
            setCookie('user', user.value, 14);
        };
        user.value=getCookie('user');
    };
    </script>
    </head>
    
    <body>
    <form action="http://www.baidu.com" id="form">
        用户名:<input type="text" name="user" /><br />
        密码:<input type="password" name="pass" /><br />
        <input type="submit" value="登录" />
    </form>
    </body>
    </html>
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script>
    function setCookie(name, value, iDay)
    {
        var oDate=new Date();
        oDate.setDate(oDate.getDate()+iDay);  //用来设置过期时间用的,获取当前时间加上传进来的iDay就是过期时间
        
        document.cookie=name+'='+value+';expires='+oDate;
    };
    
    function getCookie(name)
    {
        var arr=document.cookie.split('; ');  //多个cookie值是以; 分隔的,用split把cookie分割开并赋值给数组
        
        for(var i=0;i<arr[i].length;i++)  //历遍数组
        {
            var arr2=arr[i].split('=');  //原来割好的数组是:user=simon,再用split('=')分割成:user simon 这样可以通过arr2[0] arr2[1]来分别获取user和simon 
            if(arr2[0]==name)  //如果数组的属性名等于传进来的name
            {
                return arr2[1];  //就返回属性名对应的值
            }
            return '';  //没找到就返回空
        }
    };
    
    function removeCookie(name)
    {
        setCookie(name, 1, -1);  //-1就是告诉系统已经过期,系统就会立刻去删除cookie
    };
    
    window.onload=function()
    {
        var form=document.getElementById('form');
        var user=document.getElementsByName('user')[0];
        
        form.onsubmit=function()
        {
            setCookie('user', user.value, 14);
        };
        user.value=getCookie('user');
    };
    </script>
    </head>
    
    <body>
    <form action="http://www.baidu.com" id="form">
        用户名:<input type="text" name="user" /><br />
        密码:<input type="password" name="pass" /><br />
        <input type="submit" value="登录" />
    </form>
    </body>
    </html>
  • 相关阅读:
    struts2类型转换2
    list集合排序3
    list集合排序2
    list集合排序
    JSON
    Java获取文件Content-Type(Mime-Type)
    struts2文件下载
    获取文件大小
    struts2国际化
    人人都是产品经理
  • 原文地址:https://www.cnblogs.com/52css/p/3038039.html
Copyright © 2011-2022 走看看