`
高级java工程师
  • 浏览: 405603 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript实现用户登录保存帐号密码(保存在cookies中)

阅读更多
/*这个是html的名字123.html*/

<SCRIPT language=javascript>
function setCookies(name,value)
{
   var Days = 30; //此 cookie 将被保存 30 天
   var exp   = new Date();     //new Date("December 31, 9998");
   exp.setTime(exp.getTime() + Days*24*60*60*1000);
   document.cookie = name + "="+ escape(value) +";expire*="+ **p.toGMTString();
}

function getCookies(name)
{
   var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
   if(arr != null) return unescape(arr[2]); return null;
}

function getcookies()
{

   document.form1.UserName.value=getCookies("Loginusername");
   \把你要表单初始化放在这
}

function delCookies(name)
{
   var exp = new Date();
   exp.setTime(exp.getTime() - 1);
   var cval=getCookie(name);
   if(cval!=null) document.cookie=name +"="+cval+";expire*="+**p.toGMTString();
}

function submit()
{
username=document.form1.UserName.value;
   setCookies('Loginusername',username)
   \创建一个cookies,第一个为名字,后面的为值
}
</script>

<body   onload="getcookies()">
</body>


<script type="text/javascript" src="123.js"></script>


<script type="text/javascript">

   function foo()

   {

         var name = document.getElementById("name").value;

         if(name)

         {

              setCookie("name",name);

         }

         document.getElementById("show").innerHTML+=("NEWEST NAME :"+ getCookie("name") + "<br>");

   }

</script>

Chapter 1.9 example

<br>

<input type="text" id="name" size="20" />

<input type="button" value="setCookie" onclick="foo()" />

<div id="show"></div>

  /////////////////////////////////////////////////////示例源码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js操作cookie 易网时代网络技术服务中心 http://www.escdns.com%3c/title>
</head>

<body>
<input type="button" name="button" id="button" value="Remove Cookies" onclick="window.cookie.remove( )" />
<script language="javascript" type="text/javascript">
function Cookie() {
var self = this;
var trim = function(str){
return str.replace(/(^s*)|(s*$)/g, "");
}

var init = function(){
var allcookies = document.cookie;
if (allcookies == "") return;
var cookies = allcookies.split(';');
for(var i=0; i < cookies.length; i++) // Break each pair into an array
cookies[i] = cookies[i].split('=');
for(var i = 0; i < cookies.length; i++) {
self[trim(cookies[i][0])] = decodeURIComponent(cookies[i][1]);
}
}

init();

this.save = function(daysToLive, path, domain, secure){
var dt = (new Date()).getTime() + daysToLive * 24 * 60 * 60 * 1000;
for(var prop in this) {
if (typeof this[prop] == 'function')
continue;

var cookie = "";
cookie = prop + '=' + encodeURIComponent(this[prop]);

if (daysToLive || daysToLive == 0) cookie += ";expires=" + new Date(dt).toUTCString();
if (path) cookie += ";path=" + path;
if (domain) cookie += "; domain=" + domain;
if (secure) cookie += ";secure";
document.cookie = cookie;
}
}

this.remove = function(path, domain, secure){
self.save(0, path, domain, secure);
for(var prop in this) {
if (typeof this[prop] != 'function')
delete this[prop];
}
}
}

var cookie = new Cookie("vistordata");

if (!cookie.uId) {
cookie.uId = prompt("Please input you uId:","");
cookie.save(10);
}

document.write("Your userID is:" + cookie.uId);

var _idMap_img = document.createElement("IMG");
_idMap_img.style.display = "none";
document.body.appendChild(_idMap_img);
_idMap_img.src = " http://www.***.net/track/setIDmapping.cgi?uid=" + cookie.uId + "&cltId=xxxx";
</script>
</body>
</html>


/*这个是javascript 123.js*/




function getExpDate(days, hours, minutes) {

    var expDate = new Date( );

    if (typeof days == "number" && typeof hours == "number" &&

        typeof hours == "number") {

        expDate.setDate(expDate.getDate( ) + parseInt(days));

        expDate.setHours(expDate.getHours( ) + parseInt(hours));

        expDate.setMinutes(expDate.getMinutes( ) + parseInt(minutes));

        return expDate.toGMTString( );

    }

}

  

// utility function called by getCookie( )

function getCookieVal(offset) {

    var endstr = document.cookie.indexOf (";", offset);

    if (endstr == -1) {

        endstr = document.cookie.length;

    }

    return unescape(document.cookie.substring(offset, endstr));

}

  

// primary function to retrieve cookie by name

function getCookie(name) {

    var arg = name + "=";

    var alen = arg.length;

    var clen = document.cookie.length;

    var i = 0;

    while (i < clen) {

        var j = i + alen;

        if (document.cookie.substring(i, j) == arg) {

            return getCookieVal(j);

        }

        i = document.cookie.indexOf(" ", i) + 1;

        if (i == 0) break;

    }

    return "";

}

  

// store cookie value with optional details as needed

function setCookie(name, value, expires, path, domain, secure) {

    document.cookie = name + "=" + escape (value) +

        ((expires) ? "; expires=" + expires : "") +

        ((path) ? "; path=" + path : "") +

        ((domain) ? "; domain=" + domain : "") +

        ((secure) ? "; secure" : "");

}

  

// remove the cookie by setting ancient expiration date

function deleteCookie(name,path,domain) {

    if (getCookie(name)) {

        document.cookie = name + "=" +

            ((path) ? "; path=" + path : "") +

            ((domain) ? "; domain=" + domain : "") +

            "; expires=Thu, 01-Jan-70 00:00:01 GMT";

    }

}
分享到:
评论

相关推荐

    Javascript实现登录记住用户名和密码功能

    当用户选择记住登录信息时,则会调用设置cookies的函数,将用户输入的用户名和密码保存到本地cookies中,以供下次使用。如果用户不想记住这些信息,则会调用删除cookies的函数,清除保存的用户名和密码。 以下是...

    JavaScript使用cookie实现记住账号密码功能

    在实现"记住账号密码"功能时,我们可以按照以下步骤进行: - 当用户登录时,如果勾选了"记住密码"选项,我们需要在登录成功后设置两个Cookie,一个是用户名,另一个是密码。 - 如果用户未选择"记住密码",则不设置...

    Django利用cookie保存用户登录信息的简单实现方法

    本篇文章将详细介绍如何在Django框架中使用cookie来实现用户登录信息的保存,并通过示例代码的形式展示具体的实现细节。 #### Django中的Cookie机制简介 Cookie是一种小型的数据存储技术,用于Web服务器向客户端...

    Cookie登录记录用户账号信息

    在压缩包中的“js”文件可能包含了实现这个功能的具体代码,例如,用于读取、设置和删除Cookie的函数,或者与服务器交互以验证和更新用户登录状态的Ajax请求。 总结来说,Cookie登录机制是Web开发中的基础组件,...

    cookie保存并读取用户登录信息

    当用户登录成功后,服务器会创建一个Session,并将用户信息保存在Session中,同时在客户端设置一个Session ID的Cookie。这样,下次用户访问时,服务器通过Cookie中的Session ID找到对应的Session,从而实现自动登录...

    SpringMVC防止浏览器记住表单用户名称和密码的方法.docx

    在 Web 开发中,浏览器的自动保存表单提交的用户名称和密码功能可以提高用户体验。但是,为了安全考虑,有时候需要清除浏览器这些行为。SpringMVC 提供了多种方法来防止浏览器记住表单用户名称和密码,本文将详细...

    java cookie 读写,记住密码 自动登录

    - **持久化存储**:登录成功后,服务器生成一个Token,并将它与用户的账号信息关联,存储在数据库或其他持久化存储中。 - **Cookie设置**:将Token设置为Cookie的值,设置适当的过期时间。 - **验证Token**:用户...

    实例_aspnetcore集成Swagger并自定义登录登出功能.zip

    在本文中,我们将深入探讨如何在ASP.NET Core项目中集成Swagger并实现自定义的登录登出功能。Swagger是一个流行的API文档工具,可以帮助开发者轻松地创建、测试和文档化RESTful API。ASP.NET Core是Microsoft推出的...

    通过js来设置cookie和读取cookie,实现登陆时记住密码的功能

    在实现“记住密码”功能时,通常还会涉及到安全性问题。由于cookie是存储在客户端的,容易被恶意攻击者获取,因此不应直接存储明文密码,而是应该使用安全的哈希算法对密码进行加密后再保存。另外,对于敏感信息,应...

    JS实现登录页面记住密码和enter键登录方法推荐

    在登录页面上,用户可以选择“记住账号密码”,而网站则将这些信息保存在 Cookies 中。之后用户再次登录时,浏览器会自动读取 Cookies 中的信息,并将账号密码填充到对应的输入框中。 2. **JavaScript 的 Cookie ...

    使用Cookie记录用户名和密码.

    这两个Cookie将在用户的浏览器中保留一段时间,以便下次访问时自动填充登录表单或自动登录。 1. **登录操作** 用户填写登录信息并提交,服务器验证这些信息的正确性。如果验证通过,服务器将使用以下代码创建并...

    scrapy模拟知乎登录并获取知乎用户的信息

    - 在Scrapy的中间件中,添加一个自定义的`DownloadMiddleware`,它会在每个请求发送前加载保存的cookies,这样后续的爬取请求就能带上已登录的状态。 6. **爬取用户信息**: - 定义Scrapy的解析规则,根据知乎的...

    模仿QQ登录

    可选地,提供“记住我”选项,通过设置长期有效的cookies来保存用户登录状态。 10. **SSL/TLS**: 为了保护用户数据的安全传输,整个登录过程应使用HTTPS协议,确保通信的加密和完整性。 以上是模仿QQ登录涉及的...

    大气登录页面切换登录

    4. 记住我功能:允许用户选择记住登录状态,这通常涉及在本地存储(如浏览器cookies)中保存会话标识。 注册功能则涉及到以下步骤: 1. 用户名和密码的创建:用户需要提供一个唯一的用户名,并设定安全的密码。...

    记住密码和上传图片并预览生成缩略图

    在IT行业中,"记住密码和上传图片并预览生成缩略图"是两个常见的功能,它们经常被应用于各种Web应用程序和移动应用中,为用户提供便捷的服务。下面将详细阐述这两个功能的技术实现及其重要性。 首先,"记住密码...

    python+ execjs实现某东批量模拟登录

    这些参数可能包括账号、密码的加密形式,这通常需要解析并复现JavaScript的加密逻辑,`execjs`在这一步中起到关键作用。 4. **处理验证码**:如果京东的登录页面有验证码,可能需要使用OCR(光学字符识别)工具,如...

    js读写COOKIE实现记住帐号或密码的代码(js读写COOKIE)

    在当今的Web应用开发中,cookies是用于存储用户信息的一种常用方式,特别是在需要记住用户登录状态,如用户名和密码时。本文将通过JavaScript代码示例,详细解释如何使用cookies来记住账号或密码。 首先,我们要...

    登录和注册界面html+js

    6. **状态管理**:在登录成功后,可能需要保存用户状态(如使用cookies或localStorage),以便下次访问时自动登录。 这个项目中的HTML和JavaScript代码应该包含了以上提到的诸多细节,通过学习和理解这个项目,...

    Python实现网站模拟登陆.zip

    6. **自动登录与持久化**:成功登录后,可以将获取到的cookies保存在本地文件,下次登录时读取这些cookies,模拟已登录状态。这样,可以避免每次都需要手动输入用户名和密码。 7. **异常处理**:模拟登录时可能会...

    Python代码源码-实操案例-框架案例-如何通过爬虫实现GitHub网页的模拟登录.zip

    - **模拟登录**:在爬虫中模拟用户登录网站,以访问登录后才能查看的页面。 2. **Python爬虫库** - **requests**:用于发送HTTP请求,包括GET、POST等方法,是模拟登录的基础。 - **BeautifulSoup**:解析HTML和...

Global site tag (gtag.js) - Google Analytics