<!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. centos6.5安装pysider遇见的坑

    一.服务器自带pyhon2.7.9 安装pip, # yum -y install python-devel python-setuptool wget http://pypi.python.org/ ...

  2. 捕捉小括号获取的内容保存在RegExp的$1 $2..属性中

    ~~~~捕捉小括号获取的内容保存在RegExp的$1 $2..属性中 var reg=/^(-?\d+)(px|pt|em|in)?$/;if(reg.test(svalue)){           ...

  3. [Windows编程] 开发DLL必读《Best Practices for Creating DLLs》

    开发DLL的时候,需要十分注意 DllMain 函数,因为在多线程环境下DLLMain里面的代码很容易引发线程死锁. 这篇MSDN文章<Best Practices for Creating D ...

  4. Flex LinkButton鼠标划过出现下划线

    在LinkButton中 textDecoration属性设置label的是否有下划线装饰,属性值分为"none","underline" 代码如下------ ...

  5. 入门Html

    html 超文本标记语言(Hypertext Markup Language),用于描写网页文档的标记语言,最新的版本为5.0.由万维网制定 和更新,其实它本质还是文本文件,只不过需要浏览器来解释显示 ...

  6. android中使用jni对字符串加解密实现分析

    android中使用jni对字符串加解密实现分析 近期项目有个需求.就是要对用户的敏感信息进行加密处理,比方用户的账户password,手机号等私密信息.在java中,就对字符串的加解密我们能够使用A ...

  7. TextView实现多个TextView对象的走马灯效果

    1:自定义一个控件继承TextView,重写isFocused方法,返回值为true; package com.example.helloandroid; import android.R.bool; ...

  8. 比赛F-F Perpetuum Mobile

    比赛F-F     Perpetuum Mobile 题目链接:http://acm.hust.edu.cn/vjudge/contest/view.action?cid=86640#problem/ ...

  9. HTML5 总结-表单-表单元素

    HTML5 表单元素 HTML5 的新的表单元素: HTML5 拥有若干涉及表单的元素和属性. 本章介绍以下新的表单元素: datalist keygen output 浏览器支持 Input typ ...

  10. Python学习之collections module-defaultdict()

    defaultdict()继承自dict系统内置类型defaultdict()定义以及作用:    返回一个和dictionay类似对象,和dict不同:      1. 可以制定key对应value ...