COOLIE操作


如上图，在输入框里输入网站名和URL，点击保存，将内容写入COOKIE。
然后在网站的首页显示我保存的。这个功能就像2345导航网站的个性网站收藏功能一样~怎么写呀~~

解决方案 »

  1.   

    这样的吗，点按钮，再刷新页面看看
    <body>
    <script type="text/javascript">
    <!--
    /* Cookie */
    function getCookie(name){var strCookies = document.cookie;var cookieName = name + "=";var valueBegin, valueEnd, value;valueBegin = strCookies.indexOf(cookieName);if (valueBegin == -1) return null;valueEnd = strCookies.indexOf(";", valueBegin);if (valueEnd == -1)valueEnd = strCookies.length;value = strCookies.substring(valueBegin+cookieName.length,valueEnd);return unescape(value);}function setCookie (name, value) {var argv = setCookie.arguments;var argc = setCookie.arguments.length;var path = (argc > 2) ? argv[2] : null;var expireDays = (argc > 3) ? argv[3] : 365;var domain = (argc > 4) ? argv[4] : ".k7k7.com";var secure = (argc > 5) ? argv[5] : false;var date=new Date();date.setTime(date.getTime()+expireDays*24*3600*1000);deleteCookie (name);document.cookie = name + "=" +  escape(value) + ((expireDays == null) ? "" : ("; expires=" + date.toGMTString())) + ((path == null) ? "" : ("; path=" + path));}function checkCookieExist(name){ if (getCookie(name))return true;else return false;}function deleteCookie (name) {  var exp = new Date();  exp.setTime (exp.getTime() - 1); var cval = getCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();}function save(){
    var n = document.getElementsByName("n");
    var url = document.getElementsByName("url");
    var s = "";
    for (var i=0;i<n.length;i++)
    {
    if (n[i].value!="" && url[i]!="")
    {
    s = s + "," + n[i].value + "::" + url[i].value;
    }
    }
    if (s!="")
    {
    s = s.substr(1);
    setCookie("fav",s)
    }}var f = getCookie("fav")
    if (f!="")
    {
    var a = f.split(",");
    for (var i=0;i<a.length ;i++ )
    {
    b = a[i].split("::");
    document.writeln('<a href="'+b[1]+'" target="_blank">'+b[0]+'</a><br/>')
    }
    }
    //-->
    </script>
    <input type="text" name="n" value="sina"> 网址<input type="text" name="url" value="http://www.sina.com"><br/>
    <input type="text" name="n" value="qq"> 网址<input type="text" name="url" value="http://www.qq.com"><br/>
    <input type="button" value="保存" onclick="save()">
    </body>
      

  2.   

    其实就是存取cookie嘛，下面是我用的cookie操作函数，你借鉴一下吧
    function addCookie(name,value,expireHours){  
          var cookieString=name+"="+escape(value);  
          //判断是否设置过期时间  
          if(expireHours>0){  
                 var date=new Date();  
                 date.setTime(date.getTime()+expireHours*3600*1000);  
                 cookieString=cookieString+"; expires="+date.toGMTString();  
          }  
          document.cookie=cookieString;  
    }  
    function getCookie(name){  
    　　 var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));  
    　　 if(arr != null) return unescape(arr[2]); return null;  
    }  
    function addCookie(name,value,expireHours){  
          var cookieString=name+"="+escape(value);  
          //判断是否设置过期时间  
          if(expireHours>0){  
                 var date=new Date();  
                 date.setTime(date.getTime()+expireHours*3600*1000);  
                 cookieString=cookieString+"; expires="+date.toGMTString();  
          }  
          document.cookie=cookieString;  
    }  
    function getCookie(name){  
    　　 var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));  
    　　 if(arr != null) return unescape(arr[2]); return null;  
    }  
    function addCookie(name,value,expireHours){  
          var cookieString=name+"="+escape(value);  
          //判断是否设置过期时间  
          if(expireHours>0){  
                 var date=new Date();  
                 date.setTime(date.getTime()+expireHours*3600*1000);  
                 cookieString=cookieString+"; expires="+date.toGMTString();  
          }  
          document.cookie=cookieString;  
    }  
    function getCookie(name){  
    　　 var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));  
    　　 if(arr != null) return unescape(arr[2]); return null;  
    }  
    原文链接：http://blog.csdn.net/bluceyoung/archive/2011/02/28/6213269.aspx