码迷,mamicode.com
首页 > 其他好文 > 详细

关闭顶部通知栏

时间:2017-03-14 10:46:56      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:加载   art   length   没有   log   自己   ntb   w3c   点击事件   

    当第一次访问一个网站时,经常有一些提示信息,如何实现关掉提示信息后,刷新页面这些信息不再显示呢?可以通过设置cookie来实现,给关闭提示信息设置一个点击事件,点击关闭按钮时,设置一个cookie值,并设置过期时间(如365),并将信息隐藏,每次页面加载时检查cookie值,如果存在就隐藏信息,不存在不做任何处理。这样下次再进入该页面时,就会检查cookie值是否存在,如果存在并且没有过期,信息就不会出现。如果不存在,说明访问者并没有点击关闭按钮,就显示提示信息。具体实现步骤如下:

    (1)从W3C在线教程中拷贝getCookie()和setCookie()方法,当然也可以自己写,我拷贝的代码如下:

function getCookie(c_name) {
    if (document.cookie.length > 0) { 
        c_start = document.cookie.indexOf(c_name + "=");
        if (c_start != -1) { 
            c_start = c_start + c_name.length + 1; 
            c_end=document.cookie.indexOf(";", c_start);
            if (c_end == -1) c_end = document.cookie.length
            return unescape(document.cookie.substring(c_start, c_end));
        } 
    }
    return "";
}
function setCookie(c_name, value, expiredays) {
    var exdate=new Date();
    exdate.setDate(exdate.getDate() + expiredays);
    document.cookie = c_name + "=" + escape(value) + ((expiredays==null) ? "" : "; expires="+exdate.toGMTString());
}

    (2)关闭信息函数如下:

function closePrompt() { // 关闭提示信息
    setCookie(‘showPrompt‘, ‘false‘, 365);  //设置cookie值,并设置过期时间
    document.getElementById(‘prompt‘).style.display = "none"; //隐藏提示信息
}

    (3)页面加载时检查有没有关闭提示信息的cookie值,如果有就隐藏提示信息,函数如下:

function checkCookie() {
    if(getCookie(‘showPrompt‘)) {
        document.getElementById(‘prompt‘).style.display = "none";
    }
}
window.onload = checkCookie();

 

关闭顶部通知栏

标签:加载   art   length   没有   log   自己   ntb   w3c   点击事件   

原文地址:http://www.cnblogs.com/liyan22/p/6546903.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!