首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JS-记住用户名【cookie封装引申】

JS-记住用户名【cookie封装引申】

作者头像
xing.org1^
发布2018-05-17 16:22:30
1.2K0
发布2018-05-17 16:22:30
举报
文章被收录于专栏:前端说吧前端说吧
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>调用封装好的cookie文件来制作小案例</title>
 6         <script src="cookie.js" type="text/javascript" charset="utf-8"></script>
 7     </head>
 8     <body>
 9         <form action="" method="post" id="form1">
10             <input type="text" name="user" id="user" value="56" />
11             <input type="password" name="pass" id="pass" value="" />
12             <input type="submit" value="提交" id="btn"/>
13         </form>
14         
15     </body>
16     <script type="text/javascript">
17         var oTxt1 = document.getElementsByName('user')[0],
18             oForm1 = document.getElementById('form1'),
19             oBtn = document.getElementById('btn');
20         oForm1.onsubmit = function(){
21             setCookie('user',oTxt1.value,14);
22         }
23         oTxt1.value = getCookie('user');
24     </script>
25 </html>

cookie.js

 1 /*****设置cookie*****/
 2 function setCookie(name, value, iDay) {
 3     var oDate = new Date();
 4     oDate.setDate(oDate.getDate() + iDay);
 5     document.cookie = name + '=' + value + ';expires=' + oDate;
 6 }
 7 /*****获取cookie*****/
 8 function getCookie(name) {
 9     var arr = document.cookie.split("; ");
10     for(var i = 0; i < arr.length; i++) {
11         var arr2 = arr[i].split("=");
12         if(arr2[0] == name) {
13             return arr2[1]
14         }
15     }
16     return ""
17 }
18 /*****移除cookie*****/
19 function removeCookie(name) {
20     setCookie(name, 1, -1);
21 };
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-03-23 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档