cookie.js追記

3180 ワード

cookie:

        ，                。
    ：  
    1）       
    2）    ，               （    ）
    3）    ：
          ：  session ——      （    、     ，cookie  ）
    4）  、      4K    ，            
        ——      
    5）        ，   String

jqueryを使用するプラグイン:jquery.cookie.jsライブラリ:jquery.jsプラグイン:jquery.cookie.js
解決すべき2つの問題:1)クッキーをどのように格納するか2)どのように取り出すか
1、保存:書く、植える

$.cookie('cookename','cookievalue');
    cookie     ,     ——      
Expires/Max - Age:
         cookie     ：   —— Session
        Session:       （     ）   
          encodeURI(users);

2、有効期限の設定

$.cookie('cookie  ','cookie ',  );
      ：    ，JSON  
        $.cookie('name',value,{
            expires:   
        });

3、クッキーを読む

$.cookie('name');

4、経路問題

  cookie  path   ：
           
           
  ,    ,    cookie
  ：     ——   path
    $.cookie(name,value,{
        expires:  ,
        path: '/'  ——//                
    });

5、クッキーの値を変更する

      ：  
    $.cookie('name','  value',{
        path: //         path cookie path   ，         path  
    });

6、クッキーを削除する

    1)     ×
    2)  -delete
    3)            √

7、jqueryを使用する.クッキーカードでクッキーをセットする場合、有効期限が現在の時間と8時間違います

expires:       ——   
                ——

8、取り出した値は、見た目にかかわらずstring

*   cookie        ，                ，
                ：  
         : $.cookie('a',{a:1,b:1});       object Object   ×
            $.cookie('a','{"a":1,"b":1}');   √

ローカルストレージ:
html 5は、新しいものを提供しています:localStorage、sessionStorage

localStorage:IE 8以上で使用できる注意事項:

  1、   cookie    ,5M ——      
  2、html5      ，   ie8       
  3、          
  4、           ,     ，         
  5、          SEO

1、値var ls=windowを1つ保存する.localStorage; ls.a = 'abc'; ls['b'] = '1234'; ls.setItem('c',89);//推奨2、alert(ls.a)の値をとる.alert(ls['b']); alert(ls.getItem('c')); 3、lsを削除する.removeItem('c');//lsを削除します.clear();//すべて削除

sessionStorage:使用法とlocalStorageの使用法は完全に一致しています.

  localStorage:       ——       
  sessionStorage:        

  localStorage   sessionStorage      
      （ cookie  ，                ）

すべてのlocalSorageにアクセス:

for(var i = 0; i< window.localStorage.length;i++){
    alert(window.localStorage.key(i));
    //key()  ，               
}

まとめ:

cookie:
          ：  ，     ，    ，    ，     ！
             
localStorage:
          ： ，      ，IE8  ，      
           ：   、    、

原生JS操作cookie:

document.cookie
 ：
    document.cookie = 'aaa';——   value=aaa，   name   

    document.cookie = 'test=abc';

    var oDate = new Date();
    oDate.setDate(oDate.getDate()+1);
    document.cookie = 'testDate=123456;path=/;expires='+oDate.toUTCString();;
 ：
    document.cookie ——    
 ：

JavaScriptのCall、Apply、Bind

【jquery】削除ノード追加ノード兄弟ノードを探す