javascript使用cookie记录用户信息简单代码实例
分类:实例代码
虽然cookie存在一些安全性等问题,但是用它来记录一些不敏感的信息还是非常方便的.
下面就分享一段代码实例,它能够在用户第一次访问的时候,记录用户输入的昵称,以后访问就可以读取昵称,并且给出相应的欢迎语,需要的朋友可以做一下参考,代码如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <script> function getCookie(c_name){ var c_value = document.cookie; var c_start = c_value.indexOf(" " + c_name + "="); if (c_start == -1){ c_start = c_value.indexOf(c_name + "="); } if (c_start == -1){ c_value = null; } else{ c_start = c_value.indexOf("=", c_start) + 1; var c_end = c_value.indexOf(";", c_start); if (c_end == -1){ c_end = c_value.length; } c_value = unescape(c_value.substring(c_start,c_end)); } return c_value; } function setCookie(c_name,value,exdays){ var exdate=new Date(); exdate.setDate(exdate.getDate() + exdays); var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString()); document.cookie=c_name + "=" + c_value; } function checkCookie(){ var username=getCookie("username"); if (username!=null && username!=""){ alert("Welcome again " + username); } else{ username=prompt("Please enter your name:",""); if (username!=null && username!=""){ setCookie("username",username,365); } } } window.onload=function(){ checkCookie() } </script> </head> <body> </body> </html>
一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu