首页 > 代码库 > javascript 调用cookies
javascript 调用cookies
<style>.title { font-weight: bold; font-size: 35px; padding-left: 10px; padding-bottom: 6px; background-color: #6495ED; color: white; position: absolute; width: 300px }
.code { background-color: #F5F5DC }</style>
cookie
用来保存信息,并且与服务器互动,因此前端后端都可以使用cookie
值得一提的是:虽然cookie是以文件的形式存储在客户端的电脑上,
但浏览器只会让创建cookie的网站访问自己的cookie
下面实验以表单为例子
用户:<input type="text" id="user"/><br />
密码:<input type="password" onblur="set()" id="pass"/><br />
cookie 属于document对象的属性,支持写入与读取。
创建cookie的语法格式:
document.cookie = "name=value"
当用户输入完账号密码后,通过blur事件来存储cookie的值
function set(){
//如果表单的值不为空,那么保存其值
if(user.value!=""&&pass.value!=""){
document.cookie= "username =" + user.value;
document.cookie= "password =" + pass.value;
}
}
查看某个网页已经存储了的cookie值:
alert(document.cookie); //结果为username=hello;password=123456
alert(typeof document.cookie); //结果为string
获取cookie名所对应的cookie值:
function get_cookies_value(cname){ var coo = document.cookie; //下一行有个细节:如果不加=的话,无法避免coo值与coo名相等时的情况 var index = coo.indexOf(cname + "=")
//如果名存在 if(index!=-1){ //获取值的开始位置 var index_start = index + cname.length + 1; //等号占用一位 var index_end = coo.indexOf(";",index_start); if(index_end == -1){ //如果不存在分号,那么该值为最后一个,因此末尾索引就是coo长度 index_end=coo.length; } //截取值并返回 var value =http://www.mamicode.com/ coo.substring(index_start,index_end); return value; } }
于是可以在网页加载完毕时顺便把cookie值填入表单中:
var user = document.getElementById("user"); var pass = document.getElementById("pass"); if(document.cookie!=""){ user.value= get_cookies_value("user"); pass.value= get_cookies_value("pass"); }
javascript 调用cookies
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。