上一篇介绍了分布引导插件IntroJs的使用，本篇介绍通过Js操作cookie的方法。
分步引导的功能只适合与第一次登陆网站的新用户，不能每次登陆都提示分布引导，那么如何判断用户是否第一次登录网站呢？
通过Js操作浏览器Cookie，方法有很多种，大多数是通过js获取到cookie存储的键值对，然后找到需要的哪一个键，在判断值，但是这种方案比较繁琐，现在给出一种新的想法。手动设置一个字段到cookie中，这样每次只判断是否有这个字段即可。代码如下：
<script type="text/javascript">
$(document).ready(function() {
var newVisitor = isNewVisitor();// 如果是新访客
if(newVisitor === true)
{
// 动画弹出消息框
alert('您是新用户！'); // 标记：已经向该访客弹出过消息。30天之内不要再弹
setCookie("gznotes-visited","true", 5);
}
}); function isNewVisitor() {
// 从cookie读取“已经向访客提示过消息”的标志位
var flg = getCookie("gznotes-visited");
if (flg === "") {
return true;
} else {
return false;
}
}
// 写字段到cookie
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue + "; " + expires +";path=/";
}
// 读cookie
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
}
return "";
}
</script>
注意在服务器端运行，本地运行没有效果