JS读取cookies信息(记录用户名)

 更新时间:2012年01月10日 11:53:47   作者:  
很多网站、博客把网页生成html静态页面了,以利于搜索引擎的索引排名,减轻服务器负担。静态页面由于其稳定快速更快,给用户及站长带来了方便。但评论后如何记住用户的信息呢
首先,在用户提交评论后,让客户端cookies记录相关值,例如:asp下的cookies赋值方式采用下面的这样的语句:
复制代码 代码如下:

response.cookies("username")="name"
response.cookies("username").expires=Date+30


通过以上asp程序给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通过RegExp使用正则表达式过程详解

    JavaScript通过RegExp使用正则表达式过程详解

    正则表达式用于定义一些字符串的规则。计算机可以根据正则表达式,来检查一个字符串是否符合指定的规则,或者将字符串中符合规则的内容提取出来。RegExp的意思是 Regular expression。使用typeof检查正则对象,会返回object
    2023-03-03
  • 超轻量级的js时间库miment使用解析

    超轻量级的js时间库miment使用解析

    这篇文章主要介绍了超轻量级的js时间库miment使用解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • 使用bootstrapValidator插件进行动态添加表单元素并校验

    使用bootstrapValidator插件进行动态添加表单元素并校验

    动态添加表单元素,并调用bootstrapValidator的方法为表单添加校验规则,调用addField()方法实现功能。下面通过本文看下具体实现方法吧
    2016-09-09
  • 果断收藏9个Javascript代码高亮脚本

    果断收藏9个Javascript代码高亮脚本

    这篇文章主要为大家分享了9个实用的Javascript代码高亮脚本,相信一定对大家的学习有所帮助,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 小程序实现瀑布流动态加载列表

    小程序实现瀑布流动态加载列表

    这篇文章主要为大家详细介绍了小程序实现瀑布流动态加载列表,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 解析javascript瀑布流原理实现图片滚动加载

    解析javascript瀑布流原理实现图片滚动加载

    这篇文章主要帮助大家解析javascript瀑布流原理,实现js图片滚动加载
    2016-03-03
  • 兼容IE与Firefox的js 复制代码

    兼容IE与Firefox的js 复制代码

    这是一段点击复制的代码,现在我的页面里不仅有1个链接需要用到这段代码。请哪位好心人指教一下应该怎么用ID对应的方式来改写这段js,使它实现一个点击复制对应1个相应内容
    2009-12-12
  • uni-app的pages.json处理方案示例

    uni-app的pages.json处理方案示例

    这篇文章主要为大家介绍了uni-app的pages.json处理方案示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • js 动态修改css文件用到了cssRule

    js 动态修改css文件用到了cssRule

    js 动态修改css文件,循环用的underscore,在使用cssRule只能使用cssRule.style.padding=0px,详细示例如下
    2014-08-08
  • 微信小程序开发之左右分栏效果的实例代码

    微信小程序开发之左右分栏效果的实例代码

    本文以一个简单的小例子,简述在微信小程序开发中左右分栏功能的实现方式,主要涉及scroll-view ,列表数据绑定,及简单样式等内容,感兴趣的朋友跟随小编一起看看吧
    2019-05-05

最新评论