<!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. C part 1 -- 指令篇

    Windows系统的cmd(command命令行工具): Shutdown -s -t 600:表示600秒后自动关机 Shutdown -a :可取消定时关机 Shutdown -r -t 600: ...

  2. MyEclipse 在loading workbench 启动卡死

    解决方法: 找到Workspace目录,在.metadata(Mac 下是在 .metadata/.plugins)中删掉以下两个文件 org.eclipse.ui.workbench org.ecl ...

  3. php基础知识（很简单一套适合零基础的朋友学习）

    红色的一般都是重点,还有自己的一些废话 运算符 算术运算符: 基本运算(除数不能为0) 比较运算符: 大小比较(类型比较), 如果两个类型不一样,系统会自动转换成统一类型 赋值运算符: 基本赋值和运算 ...

  4. 07-C语言流程控制if、switch

    目录: 一.流程控制 条件分支 if else 二.流程控制 开关分支 switch 回到顶部 一.流程控制 条件分支 1.语法格式:if(表达式1){ //表达式1为真(非0时),执行的语句部分. ...

  5. （Problem 62）Cubic permutations（待续）

    The cube, 41063625 (3453), can be permuted to produce two other cubes: 56623104 (3843) and 66430125 ...

  6. .net mvc Authorization Filter，Exception Filter与Action Filter

    一:知识点部分 权限是做网页经常要涉及到的一个知识点,在使用MVC做权限设计时需要先了解以下知识: MVC中Url的执行是按照Controller->Action->View页面,但是我们 ...

  7. TreeView控件例子

    XmL文件代码: <?xml version="1.0" encoding="utf-8" ?> <Area> <Province ...

  8. ActionBarSherlock学习笔记 第一篇——部署

    ActionBarSherlock学习笔记 第一篇--部署          ActionBarSherlock是JakeWharton编写的一个开源框架,使用这个框架,可以实现在所有的Android ...

  9. 常用 API

    运行 Java 程序的参数.使用 Scanner 获取键盘输入.使用 BufferedReader 获取键盘输入.System类.Runtime类.Object类.Java 7新增的 Objects ...

  10. 关于QT中evaluateJavaScript（）函数返回值的处理问题

    关于QT中evaluateJavaScript()函数返回值的处理问题 - 寒风问雪的专栏 - 博客频道 - CSDN.NET 关于QT中evaluateJavaScript()函数返回值的处理问题 ...