<!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. VB6.0快捷键大全(转)

    窗体设置,控件布局时用: alt+v+x可以快速显示出工具框 Alt+P+N 引用 ctrl+左右键头可以移动控件 shift+左右键头调整控件大小 F7   切换到编辑窗口 Shift+f7 切换代 ...

  2. java学习之即时通信项目实战

     项目总结:这次项目主要是根据视频来的,结果跟到一半感觉跟不上,慢慢自己有了自己的想法,决定自己先不看学习视频,自己先试着写. 总结写前面,算是写的第一个项目吧.项目中遇到几点问题,首先Scoket对 ...

  3. 取代奶瓶Minidwep-gtk 破 WPA 全攻略

     目录 1. CDlinux 下使用 minidwepgtk 获取握手包并使用自带的字典破解 2. 自带的字典破解不出密码时使用 U 盘外挂字典继续暴力破解密码 3. 将握手包拷贝到 Windows ...

  4. android 支持分组和联系人展示的一个小样例

    先看效果图: 要实现这个效果,activity必须实现ExpandableListActivity @Override public void onCreate(Bundle savedInstanc ...

  5. js中赋值表达式的值为右边

    var name="the window";var o={ name:"the object", getName:function(){ console.log ...

  6. 将从数据库中获取的数据 ，以HTML表格的形式显示

    1.HTML页面 <body> <form id="form1" runat="server"> <div id="di ...

  7. codeforces 478B Random Teams

    codeforces   478B  Random Teams  解题报告 题目链接:cm.hust.edu.cn/vjudge/contest/view.action?cid=88890#probl ...

  8. 入门前端之HTML

    本文内容: HTML概念 HTML元素 HTML属性 HTML标题 HTML段落 HTML格式化 HTML样式 HTML 链接 HTML 图像 HTML 表格 HTML 列表 HTML 块 HTML ...

  9. poj 3335 /poj 3130/ poj 1474 半平面交 判断核是否存在 / poj1279 半平面交 求核的面积

    /*************** poj 3335 点序顺时针 ***************/ #include <iostream> #include <cmath> #i ...

  10. [转]lftp的致命错误：证书验证：不信任

    原文:http://rajaseelan.com/2011/12/18/lftp-fatal-error-certificate-verification-not-trusted/如果您使用lftp的 ...