[javascript]在浏览器端应用cookie记住用户名

<!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下,可以直接用浏览器打开文件测试,所以建议上传至服务器端~

时间: 2024-10-05 04:45:05

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

JavaScript 在浏览器端使用

JavaScript 在浏览器端使用 提个醒儿:如果你已经使用过 JS,请忽略本文吧~~ 在浏览器端使用 JS 的方法其实就是通过 script 标签实现的,这个元素是由 Netscape 创造的,当初他们也面临着如何在HTML中使用 JS 的问题,经过一系列的尝试和纠错,最终决定为WEB增加对脚本的支持.<script>定义了以下6个属性: async  可选属性, 使用过ES6语法的都知道这是异步的意思,在这里也正如此,立即下载脚本,但不应妨碍页面中的其他操作,需要注意的是,该属性只对外部

用cookie记住用户名

有时候,我们在做登陆框时会有个复选框选择请记住我,或者有时候会遇到一些弹出框说下次不再提醒,此功能我们可以用js中的cookie实现此功能 下面记录一下如何实现该功能: 利用cookie记录用户名 1. 判断是否有勾选ischecked 2. 是否已经存cookie 3.写入cookie 例子: $("#isClose").click(function () {  /////一个触发事件,看具体情况                var chk = document.getElemen

jQuery cookie记住用户名密码自动登录

1.导入两个js文件 1).jquery-1.4.js 2).jquery.cookie.js 2.login.jsp页面 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN&

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

记得导入 <script src="jquery.js" type="text/javascript"></script> <script src="jquery.cookie.js" type="text/javascript"></script> 先看表单里面的内容,有一个checkbox复选框 <form class="form-signin"&g

nginx 在浏览器端保持cookie 一致

一般来说,我们在java中都通过如下代码进行用户登录后的服务端注册,并且在用户下次请求时无需再登陆一遍,这就是Servlet的Session.使用了这种Session策略,那么Web容器比如tomcat就为当前用户生成一个SessionID,并且以这个SessionID为索引,存储这个用户相关的键值对,比如用户名,登陆时间一类的.存储在服务器的内存中.同时再response里向用户浏览器中设置一个cookie,这个cookie的名字为jsessionid,内容为服务器生成的随机数SessionI

jQ通过cookie记住用户名

总结要点: 一.封装的一个cookie函数: 二.获取input的value值:$("input[name=user]").val() 三.设置input的value值:$("input[name=user]").attr("value",getCookie("user")); <!DOCTYPE html><html lang="zh-CN"><head> <me

【JS】用cookie记住用户名

要使用cookie来记住上一次登录时的用户名和密码.主要分为两部分,一个是设置cookie,另一个是读取cookie.当用户第一次登录时设置cookie,并把这个cookie存储起来加一个过期期限,当用户再次登录时读取之前已经存储的cookie即可. 注意:如果是在本地测试,在Firefox才能记录cookie信息.具体方法是: 下面通过一个表单来举例,为尽量模拟真实的提交表单,把action值暂时设置为提交到百度: <form action="http://www.baidu.com&q

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

var img = $("#img_id"); // Get my img elem var pic_real_width, pic_real_height; $("<img/>") // Make in memory copy of image to avoid css issues .attr("src", $(img).attr("src")) .load(function() { pic_real_widt

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

<%@page import="java.net.URLDecoder"%> <%@page import="sun.security.util.Length"%> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html