<html>
<head>
<title> 浏览器端Cookie Demo </title>
<script language="javascript">
var flag = true; //假设用户已经登陆过 Cookie信息仍然存在
//设置浏览器端Cookie信息
function setCookie(key,value,minute){
var dt = new Date(); //当前时间
dt.setMinutes(dt.getMinutes()+minute); //当期分钟加上要保留的分钟数
document.cookie = key+"="+escape(value)+";expires="+dt.toGMTString();
}
//得到Cookie
function getUserCookie(userName){
//浏览器端的cookie长度
if(document.cookie.length>0){
//通过用户名找到cookie键值对位置 例如 name=simon
var startindex = document.cookie.indexOf(userName+"="); //起始位置
var endindex ; //cookie字符串结束位置
if(startindex!=-1){
startindex = startindex+userName.length+1; //等号后的字符串为用户名称
endindex = document.cookie.indexOf(";",startindex); //分号结束
if(endindex==-1){ //如果没有分号 就是一个cookie
endindex = document.cookie.length;
}
//取得cookie字符串 并且实施解码
var name = unescape(document.cookie.substring(startindex,endindex));
return name;
}
}else{
return "";
}
}
//检查这个用户以前是否登录过
function checkLoginUser(){
var userName = getUserCookie('loginname'); //查询浏览器端是否存储 loginname这个cookie键
var objLbl = document.getElementById("lblInfo");
//对象存在 且不为空
if(userName!=null && userName!=""){
flag = true;
objLbl.innerHTML="<font color='red'>"+userName+",欢迎回来！</font>";
}else{
flag = false;
objLbl.innerHTML="<font color='red'>请用户登录 !</font>";
}
}
//登录验证并保存cookie信息
function loginSite(){
if(flag){
return;
}else{
var objName = document.getElementById("name");
var objPwd = document.getElementById("password");
if(objName.value!="simon" && objPwd.value!="simon"){
alert("用户或密码不正确！");
}else{
//设置Cookie
setCookie("loginname",objName.value,1); //1分钟
alert("登录成功");
}
}
}
</script>
</head>
<body onLoad="checkLoginUser()">
<form action="#" method="post" >
<label id="lblInfo">请用户登录 !</label>
Name: <input type="text" id="name" >
Password: <input type="password" id="password">
<input type="button" value="Login in" onClick="loginSite()">
</form>
</body>
</html>
分享到：
相关推荐
在这个"JS+Cookies的购物车"项目中，结合了C#后端技术和JavaScript前端技术，利用Cookies来实现用户在浏览商品时临时存储选择的商品信息。下面我们将深入探讨这个项目的相关知识点。 首先，让我们了解JavaScript...
本文主要探讨如何使用JavaScript和Cookies技术来实现这一功能。悬浮购物车允许用户在浏览商品时随时查看已选商品，无需离开当前页面就能进行数量调整和总价计算。 首先，我们需要理解JavaScript的基本概念。...
本文实例讲述了js+cookies实现悬浮购物车的方法。分享给大家供大家参考。具体分析如下： 在 “商品列表展示页”做上 “悬浮的”与“DataList”结合的 “无刷新购物车”，只需计算出总价，不必去单独页面结算。找了些...
根据给定文件信息，这里所涉及的主要知识点是如何在网页中实现一个只显示一次的提示信息，这通常通过结合JavaScript和Cookies来实现。在具体解释前，先对这些关键点进行梳理。 1. **提示信息的实现**：提示信息是...
标题"cookiesjs让使用javascript超级简单得操作cookies在前端"和描述"cookies.js - 让使用javascript超级简单得操作cookies在前端"都指向一个名为`cookies.js`的库，这是一个专为前端JavaScript开发设计的库，旨在...
JavaScript（简称JS）是网页开发中的重要脚本语言，它允许开发者在用户的浏览器端执行代码，其中Cookies是一种常见的数据存储机制。这篇博文“JS Cookies的设置、读取、删除”将探讨如何使用JavaScript来管理这些小...
JavaScript API 还包括BOM（Browser Object Model），允许访问和操作浏览器的特性，如窗口、历史记录、cookies等。 在 "JavaScript中文版.chm" 文件中，你可以找到JavaScript的详细文档，包括语言规范、标准库的API...
通过js实现cookies 的增加删除修改，解决chrome读为 undefine 的问题
JavaScript中的Cookies是Web开发中一个重要的概念，它们用于在客户端存储少量的数据，这些数据可以在用户与网站交互时被浏览器自动发送回服务器。本篇文章将详细讲解JavaScript操作Cookies的方法和应用场景。 一、...
在探讨“javascript对cookies的操作”这一主题时，我们首先需要理解什么是Cookies以及它们在Web开发中的作用。Cookies是一种小型的数据存储技术，允许Web服务器在用户的浏览器上存储信息，以便于跟踪用户状态、保存...
描述中提到"javascript、jquery获取cookies，设置cookies的插件"，这意味着cookies.js不仅支持读取cookies（获取）的功能，还支持创建和更新cookies（设置）。在JavaScript和jQuery的上下文中，这个插件提供了一套...
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，可以构建快速、高效的网络服务器。它使用事件驱动、非阻塞I/O模型，因此非常适合高并发的网络应用。 Node.js在本项目中主要承担后端服务的角色。在开发Node....
js，cookies做的悬浮购物车html示例，可以与datalist，repeater控件结合，只需要把加入该商品的按钮中的SetOrderForm('NO1','商品1','1','3.5')方法中的四个参数绑定一下。
Cookie.js是一个轻量级的JavaScript库，专门为简化Web应用程序中的Cookie操作而设计。这个库的目标是提供一个简单、直观的API，使得开发者可以方便地创建、读取、更新和删除Cookies，无需深究浏览器的底层实现。在...
蛇使用JavaScript和P5！ 这里展示了使用javascript和p5的有趣的蛇游戏！ 您也可以在观看现场演示。 您还可以添加redis后端并托管一个leaderbord，其代码位于server.js 。 游戏代码位于static文件夹中。
JavaScript实现cookies设置,学习的好参考资料
### JavaScript 操作 Cookies 及正确使用 Cookies 的属性 #### 一、Cookies 概述 Cookies 是一种用于在用户浏览器上存储小型数据的技术，通常用于跟踪用户的偏好设置、身份验证状态等。通过 JavaScript，开发者...
集成了js的Cookies的各种方法，使用起来很方便 很小巧