静态页面利用JS读取cookies记住用户信息

Yolanda ·
更新时间:2024-11-01
· 753 次阅读

静态页面由于其稳定性快速性,的确给SE、用户及站长带来了方便。但有时,需要记住用户的信息,如用户留下评论后,下一次再来,就要记住该用户的信息,不必再次输入。
这对用户来说,可以提高他们的归属感,熟悉感。如何实现呢?
    首先,我们需要在用户提交评论后,给客户端赋予几个相关的cookies值,这个很简单,直接在评论提交页面进行赋值就可以了,asp下的cookies简单赋值方式采用下面的这样的语句:
代码如下:
response.cookies("username")="name"
response.cookies("username").expires=Date+30

    通过以上asp程序中的cookies赋值,我们成功在用户客户端写入我们网站的用户cookies信息。下面要做的就是如何在静态页html读取这个cookies,并且显示在用户面前。因为是生成了html,我们无法再利用asp程序读取这个cookies,需要通过js读取这个cookies,并赋予到想对应的input值里。
    利用js读取cookies并赋值的代码如下:
代码如下:
<script type="text/javascript">
//js获取cookie
var acookie=document.cookie.split("; ");
function getck(sname)
{//获取单个cookies
for(var i=0;i<acookie.length;i++){
var arr=acookie[i].split("=");
if(sname==arr[0]){
if(arr.length>1)
return unescape(arr[1]);
else
return "";
}}
return "";
}

//给相应的form里的input赋值
document.form_name.input_name.value=getck("username");
</script>
这样,在静态页面中就可以成功的从客户端的系统里读取我们曾经赋值过的cookies信息,并展示出来了。是不是很简单,呵呵。如果你有其他看法,欢迎与我一起讨论。 您可能感兴趣的文章:JavaScript 利用Cookie记录用户登录信息JS读取cookies信息(记录用户名)只出现一次的提示信息(js+cookies)JS基于cookie实现来宾统计记录访客信息的方法JavaScript使用cookie记录临时访客信息的方法JS设置cookie、读取cookie、删除cookieJS操作Cookies包括(读取添加与删除)js读取cookie方法总结javascript创建cookie、读取cookiejavascript cookies 设置、读取、删除实例代码JS使用cookie保存用户登录信息操作示例



静态 cookies 静态页面 js

需要 登录 后方可回复, 如果你还没有账号请 注册新账号