这篇文章主要介绍了 js 使用 cookie 记录用户名的方法, 通过完整实例形式分析了 JavaScript 针对 cookie 的创建、赋值及删除等操作技巧, 以及通过 cookie 记录用户登录信息的方法, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 js 使用 cookie 记录用户名的方法。分享给大家供大家参考,具体如下:
cookie 思路:当点击登录按钮时,把 cookie 存起来,再次访问的时候就读取 cookie,即把 txt 的 value 设置之前存起来 cookie 的值就行。
- <!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>
- 无标题文档
- </title>
- <script>
- function setCookie(name, value, iDay) {
- var oDate = new Date();
- oDate.setDate(oDate.getDate() + iDay); //用来设置过期时间用的,获取当前时间加上传进来的iDay就是过期时间
- document.cookie = name + '=' + value + ';expires=' + oDate;
- };
- function getCookie(name) {
- var arr = document.cookie.split('; '); //多个cookie值是以; 分隔的,用split把cookie分割开并赋值给数组
- for (var i = 0; i < arr[i].length; i++) //历遍数组
- {
- var arr2 = arr[i].split('='); //原来割好的数组是:user=simon,再用split('=')分割成:user simon 这样可以通过arr2[0] arr2[1]来分别获取user和simon
- if (arr2[0] == name) //如果数组的属性名等于传进来的name
- {
- return arr2[1]; //就返回属性名对应的值
- }
- return ''; //没找到就返回空
- }
- };
- function removeCookie(name) {
- setCookie(name, 1, -1); //-1就是告诉系统已经过期,系统就会立刻去删除cookie
- };
- window.onload = function() {
- var form = document.getElementById('form');
- var user = document.getElementsByName('user')[0];
- form.onsubmit = function() {
- setCookie('user', user.value, 14);
- };
- user.value = getCookie('user');
- };
- </script>
- </head>
- <body>
- <form action="" id="form">
- 用户名:
- <input type="text" name="user" />
- <br />
- 密码:
- <input type="password" name="pass" />
- <br />
- <input type="submit" value="登录" />
- </form>
- </body>
- </html>
希望本文所述对大家 JavaScript 程序设计有所帮助。
来源: