如何通过JavaScript使用cookie实现用户登录信息的长尾词保存操作？
- 内容介绍
- 文章标签
- 相关推荐
本文共计514个文字，预计阅读时间需要3分钟。
原文示例：本文字例讲述了JS使用cookie保存用户登录信息。分享给广大读者，仅供参考，具体如下：通常cookie和session，是web开发中用于存储信息的对象，session存在于服务器的内存中，而cookie则是存在于“'“'。
改写后：本文示例说明如何使用JS的cookie来存储用户登录信息。以下内容供大家参考：一般而言，cookie和session是Web开发中用于存储信息的两种方式。session存储在服务器内存中，而cookie则存储在客户端。
本文实例讲述了JS使用cookie保存用户登录信息。分享给大家供大家参考，具体如下：
通常cookie和session，是web开发中用于存储信息的对象，session存在于服务器的内存中，而cookie则是存在客户端，所以js可以直接操作cookie进行信息的存储和读取。
js存放cookie一般的写法，如：document.cookie="userName=admin";，如果是多个键值对：document.cookie="userName=admin; userPass=123";
下面是js操作cookie保存用户的登录信息：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="www.w3.org/1999/xhtml"> <head> <meta www.baidu.com"; }else{ alert("不记密码登录。"); window.location.href = "www.baidu.com"; } } </script> </head> <body> <center> <table width="400px" height="180px" cellpadding="0" cellspacing="0" border="1" style="margin-top:100px;"> <tr> <td align="center" colspan="2">欢迎使用XXX管理系统</td> </tr> <tr> <td align="right"> <label>用户名：</label> </td> <td align="left"> <input type="text" id="txtUserName" name="txtUserName" style="width:160px; margin-left:10px;" /> </td> </tr> <tr> <td align="right"> <label>密 码：</label> </td> <td align="left"> <input type="password" id="txtUserPass" name="txtUserPass" style="width:160px; margin-left:10px;" /> </td> </tr> <tr> <td align="center" colspan="2"> <span style="font-size:12px; color:blue; vertical-align:middle;">是否记住密码</span> <input type="checkbox" id="chkRememberPass" name="chkRememberPass" style="vertical-align:middle;" /> </td> </tr> <tr> <td align="center" colspan="2"> <input type="submit" id="subLogin" name="subLogin" value="登 录" onclick="userLogin()"/> <input type="reset" id="resetLogin" name="resetLogin" value="重 置" /> </td> </tr> </table> </center> </body> </html>
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
本文共计514个文字，预计阅读时间需要3分钟。
原文示例：本文字例讲述了JS使用cookie保存用户登录信息。分享给广大读者，仅供参考，具体如下：通常cookie和session，是web开发中用于存储信息的对象，session存在于服务器的内存中，而cookie则是存在于“'“'。
改写后：本文示例说明如何使用JS的cookie来存储用户登录信息。以下内容供大家参考：一般而言，cookie和session是Web开发中用于存储信息的两种方式。session存储在服务器内存中，而cookie则存储在客户端。
本文实例讲述了JS使用cookie保存用户登录信息。分享给大家供大家参考，具体如下：
通常cookie和session，是web开发中用于存储信息的对象，session存在于服务器的内存中，而cookie则是存在客户端，所以js可以直接操作cookie进行信息的存储和读取。
js存放cookie一般的写法，如：document.cookie="userName=admin";，如果是多个键值对：document.cookie="userName=admin; userPass=123";
下面是js操作cookie保存用户的登录信息：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="www.w3.org/1999/xhtml"> <head> <meta www.baidu.com"; }else{ alert("不记密码登录。"); window.location.href = "www.baidu.com"; } } </script> </head> <body> <center> <table width="400px" height="180px" cellpadding="0" cellspacing="0" border="1" style="margin-top:100px;"> <tr> <td align="center" colspan="2">欢迎使用XXX管理系统</td> </tr> <tr> <td align="right"> <label>用户名：</label> </td> <td align="left"> <input type="text" id="txtUserName" name="txtUserName" style="width:160px; margin-left:10px;" /> </td> </tr> <tr> <td align="right"> <label>密 码：</label> </td> <td align="left"> <input type="password" id="txtUserPass" name="txtUserPass" style="width:160px; margin-left:10px;" /> </td> </tr> <tr> <td align="center" colspan="2"> <span style="font-size:12px; color:blue; vertical-align:middle;">是否记住密码</span> <input type="checkbox" id="chkRememberPass" name="chkRememberPass" style="vertical-align:middle;" /> </td> </tr> <tr> <td align="center" colspan="2"> <input type="submit" id="subLogin" name="subLogin" value="登 录" onclick="userLogin()"/> <input type="reset" id="resetLogin" name="resetLogin" value="重 置" /> </td> </tr> </table> </center> </body> </html>
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。