基于javascript的COOkie的操作实现只能点一次_javascript技巧
程序员文章站
2022-04-10 23:21:05
...
我知道很多人在网站开发的时候其实需要这个功能的,就是控制用户一直点顶什么的!所以我在这里简单写一下,基于javascript的COOkie的操作!
//设置cookie
function setCookie(key, value) {
document.cookie = key + "=" + escape(value);
}
//获取cookie的值
function getCookie(key) {
if (document.cookie.length) {
var cookies = ' ' + document.cookie;
var start = cookies.indexOf(' ' + key + '=');
if (start == -1) { return null; }
var end = cookies.indexOf(";", start);
if (end == -1) { end = cookies.length; }
end -= start;
var cookie = cookies.substr(start,end);
return unescape(cookie.substr(cookie.indexOf('=') + 1, cookie.length - cookie.indexOf('=') + 1));
}
else { return null; }
}
//根据点击传进来的id
function comment(id,is){
if(getCookie(id)==null){
setCookie(id,"www.widuu.com");
alert("设置cookie成功");
}else{
if(getCookie(id)=="www.widuu.com"){
alert("您已经点评过了");
return ;
}
//这里是你自己的逻辑 通过ajax保存到数据库的数值
}
复制代码 代码如下:
//设置cookie
function setCookie(key, value) {
document.cookie = key + "=" + escape(value);
}
//获取cookie的值
function getCookie(key) {
if (document.cookie.length) {
var cookies = ' ' + document.cookie;
var start = cookies.indexOf(' ' + key + '=');
if (start == -1) { return null; }
var end = cookies.indexOf(";", start);
if (end == -1) { end = cookies.length; }
end -= start;
var cookie = cookies.substr(start,end);
return unescape(cookie.substr(cookie.indexOf('=') + 1, cookie.length - cookie.indexOf('=') + 1));
}
else { return null; }
}
然后给大家做个简单的事例吧!就是
复制代码 代码如下:
//根据点击传进来的id
function comment(id,is){
if(getCookie(id)==null){
setCookie(id,"www.widuu.com");
alert("设置cookie成功");
}else{
if(getCookie(id)=="www.widuu.com"){
alert("您已经点评过了");
return ;
}
//这里是你自己的逻辑 通过ajax保存到数据库的数值
}
这个功能虽然很简单但是很实用,如果有需要的就拿去改下吧!截个图大家看下!
是不是实现了小伙伴们经常需要的功能了?很简单吧,有需要的小伙伴直接拿走使用吧。
推荐阅读
-
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
-
JavaScript基于DOM操作实现简单的数学运算功能示例
-
JavaScript基于数组实现的栈与队列操作示例
-
JavaScript基于正则实现控制输入框中只能输入中文、数字和英文的方法
-
基于jquery的高性能td和input切换并可修改内容实现代码_javascript技巧
-
javascript 利用Image对象实现的埋点(某处的点击数)统计_javascript技巧
-
javascript 实现简单的table排序及table操作练习_javascript技巧
-
原生Js实现按的数据源均分时间点幻灯片效果(已封装)_javascript技巧
-
javascript操作cookie的文章(设置,删除cookies)_javascript技巧
-
javascript操作cookie的文章(设置,删除cookies)_javascript技巧