<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <form action="http://www.baidu.com" id="frm">

        用户名<input type="text" name="" id="">

        密码<input type="password" name="" id="">

        <input type="submit" value="登陆">

        <a href="javascript:;" id="clear">清除记录</a>

    </form>

    <script>

        function setCookie (name, value, iDay){

            var oDate = new Date();

            oDate.setDate(oDate.getDate()+iDay);

            document.cookie = name+"="+value+";expires="+oDate;

        }

        function getCookie (name){

            var cookieArr = document.cookie.split("; ");

            for (var i = 0; i < cookieArr.length; i++) {

                var oneCookie = cookieArr[i].split("=");

                if (oneCookie[0] === name) {

                    return oneCookie[1];

                }

            }

            return '';

        } 

        function removeCookie (name) {

            setCookie(name, '1', -1);

        }

        function addListener (target, type, handler) {

            if (target.attachEventListener) {

                target.attachEventListener(type, handler, false);

            } else if (target.attachEvent) {

                target.attachEvent("on"+type, handler);

            } else {

                target["on"+type] = handler;

            }

        }

        window.onload = function (){

            var oForm = document.getElementById("frm");

            var oUser = oForm.getElementsByTagName("input")[0];

            var oClear = oForm.getElementsByTagName("a")[0];

            oForm.onsubmit = function (){

                var username = oUser.value;

                setCookie("username", username, 30);

            }

            oUser.value = getCookie('username');

            addListener(oClear, "click", function(){

                removeCookie("username");

                oUser.value = '';

            });

        }

    </script>

</body>

</html>

只有在firefox下，可以直接用浏览器打开文件测试，所以建议上传至服务器端~

[javascript]在浏览器端应用cookie记住用户名的更多相关文章

  1. 用cookie记住用户名

    有时候,我们在做登陆框时会有个复选框选择请记住我,或者有时候会遇到一些弹出框说下次不再提醒,此功能我们可以用js中的cookie实现此功能 下面记录一下如何实现该功能: 利用cookie记录用户名 1 ...

  2. cookie记住用户名密码

    <script src="js/jquery.cookie.js" type="text/javascript"></script> $ ...

  3. nginx 在浏览器端保持cookie 一致

    一般来说,我们在java中都通过如下代码进行用户登录后的服务端注册,并且在用户下次请求时无需再登陆一遍,这就是Servlet的Session.使用了这种Session策略,那么Web容器比如tomca ...

  4. jquery.cookie.js实现cookie记住用户名和密码

    记得导入 <script src="jquery.js" type="text/javascript"></script> <sc ...

  5. java web项目用cookie记住用户名、密码

    1.jsp页面: <% String flag = (String)session.getAttribute("flag")==null?"":(Stri ...

  6. jQ通过cookie记住用户名

    总结要点: 一.封装的一个cookie函数: 二.获取input的value值:$("input[name=user]").val() 三.设置input的value值:$(&qu ...

  7. 如何用JavaScript在浏览器端获取图片的原始尺寸大小？

    var img = $("#img_id"); // Get my img elem var pic_real_width, pic_real_height; $("&l ...

  8. 获取浏览器端的cookie方法

    代码如下: function getCookie(key){ var cookies=document.cookie; if(cookies.length>0){ var start=cooki ...

  9. jsp利用cookie记住用户名,下次登录时显示在文本框中（仅仅一个Cookie就整了将近三个小时，⊙﹏⊙b汗）

    <%@page import="java.net.URLDecoder"%> <%@page import="sun.security.util.Len ...

随机推荐

  1. 从PHP程序员到RAW开发~

    RAW是一款PHP网站开发系统,即使不懂PHP,也可以使用RAW进行PHP程序开发,当然如果已经掌握了PHP,那么使用RAW开发将会是如虎添翼! 怎么理解“如虎添翼”:我们平时要做一个项目的话,我们要 ...

  2. 修改spfile导致oracle无法启动

    今天尝试着调整一下数据库的性能,由于疏忽没有做好备份(spfile.ora),直接修改了MEMORY_TARGET参数,alter system set MEMORY_TARGET=4096m;导致重 ...

  3. hdu 4638 Group 莫队算法

    题目链接 很裸的莫队, 就不多说了... #include<bits/stdc++.h> using namespace std; #define pb(x) push_back(x) # ...

  4. QT 子窗口监听主窗口信号（超级简单，但是好用，比如主窗口移动的时候，子窗口不要再继续处理任务）

    MainWindow *ptr = NULL; ptr = (MainWindow*)parentWidget(); connect(ptr, SIGNAL(param_result(bool)), ...

  5. Delphi函数指针的两种定义（对象方法存在一个隐藏参数self，所以不能相互赋值）

    delphi中经常见到以下两种定义 Type TMouseProc = procedure (X,Y:integer); TMouseEvent = procedure (X,Y:integer) o ...

  6. Json.Net系列教程 1.Json.Net介绍及实例

    原文 Json.Net系列教程 1.Json.Net介绍及实例 本系列教程假设读者已经对Json有一定的了解,关于Json在这里不多说.本系列教程希望能对读者开发涉及到Json的.Net项目有一定的帮 ...

  7. 如何给变量取个简短且无歧义的名字（转） good

    湾区日报上分享的一篇文章,文章的作者在Google设计Dart语言,就变量命名方面给了4点建议,文中也列出了好变量名.坏变量名的对比.不管作者的看法与你实际中的命名习惯是否一致,看完这篇文章,相信可以 ...

  8. web.xml中servlet, bean, filter, listenr 加载顺序汇总

    最终得出结果:先 listener >> filter >> servlet >> spring 所以,如果过滤器中要使用到 bean,可以将spring 的加载 ...

  9. PHP中用到的一些字符串函数

    /*常用的字符串输出函数   *   * echo()   输出字符串   * print()  输出一个或多个字符串   * die()  输出一条信息,并退出当前脚本   * printf()  ...

  10. 怎样在SharePoint管理中心检查数据库架构版本号、修补级别和修补程序的常规监控

    怎样在SharePoint管理中心检查数据库架构版本号.修补级别和修补程序的常规监控 准备: 确保你是可以訪问管理中心的场管理员. 開始: 1. 打开管理中心--升级和迁移. 2. 点击"查 ...