JS_Cookie应用实例

最新推荐文章于 2023-04-07 14:28:49 发布

二月的羊

最新推荐文章于 2023-04-07 14:28:49 发布

阅读量548

点赞数

分类专栏： JavaScript 文章标签： Javascript Cookie

本文链接：https://blog.csdn.net/u010355520/article/details/25159051

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

问题描述：

创建一个存储名字的Cookie实例，当访问者首次登录网站时，提示输入名字，然后存储在Cookie中，再次登录时，就会受到欢迎词。

代码：（代码中附有解释）

<html>
  <head>
    <script type="text/javascript">

      //首先将天数转换为有效的日期，然后，我们将 cookie 名称、值及其过期日期存入 document.cookie 对象。
      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 ""
       }

       //检查 document.cookie 对象中是否存有 cookie
       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())
       }
      
       //如果 cookie 已设置，则显示欢迎词，否则显示提示框来要求用户输入名字。
       function checkCookie()
       {
          username=getCookie('username')
          if (username!=null && username!="")
          {
             alert('Welcome again '+username+'!')
          }
          else 
          {
             username=prompt('Please enter your name:',"")
             if (username!=null && username!="")
             {
                setCookie('username',username,365)
             }
          }
        }
      </script>
   </head>

   <body onLoad="checkCookie()">
   </body>
</html>