cookie 浏览器缓存

使用说明

本框架使用axCookie来缓存变量或某些参数，cookie只适合存储小型数据，大型的json数据请使用axLocalstorage本地存储，axCookie格式如下：

                            <script type="text/javascript">
                            axCookie.set('key', 'value', {
                                type:'d',
                                expires: 7,
                                path: '/',
                                domian: 'site.com',
                                secure: ture
                            });
                            </script>

一般简写如下：

                            <script type="text/javascript">
                            axCookie.set('key', 'value', { expires: 7, path: '/' });
                            </script>

key是设置cookie名称
value是设置cookie的值
type是设置过期时间单位，可选择second或s，minite或m，hour或h，day或d，默认day。
expires是设置cookie的有效期。可以设置一个整数作为有效期（单位随type），默认为365；也可以设置一个日期对象为Cookie的过期日期，比如"2024-1-23"；如果为负数，那么此Cookie将被删除。
path是设置cookie的路径属性。默认是创建该Cookie的页面路径。
domian是设置cookie的域名属性。默认是创建该Cookie的页面域名。
secure是设置cookie传输方式。默认false，如果设置为true，那么该Cookie的传输会要求一个安全协议，例如HTTPS。

设置cookie

                            <script type="text/javascript">
                            axCookie.set('key', 'value', { expires: 7 });
                            </script>

读取cookie

                            <script type="text/javascript">
                            axCookie.get('key');
                            </script>

删除cookie

                            <script type="text/javascript">
                            axCookie.set('key', null);
                            //axCookie.set("key", '', { expires: -1 });设置过去时间也等于删除
                            //axCookie.remove('key', { path: '/' });使用remove方法
                            </script>

实例1：点击按钮设置cookie值

                            <script type="text/javascript">
                            var elem = document.querySelector("#id");
                            var content = document.querySelector("#show");
                            elem.onclick = function(){
                                axCookie.set('key', 'value', { expires: 7 });
                                content.textContent = axCookie.get('key');
                            };
                            </script>

实例2：点击按钮查看cookie值

                            <script type="text/javascript">
                            var elem = document.querySelector("#id");
                            var content = document.querySelector("#show");
                            elem.onclick = function(){
                                content.textContent = axCookie.get('key');
                            };
                            </script>

实例3：点击按钮清除cookie值

                            <script type="text/javascript">
                            var elem = document.querySelector("#id");
                            elem.onclick = function(){
                                axCookie.remove('key')
                            };
                            </script>

实例4：过期时间定义到分

                            <script type="text/javascript">
                            axCookie.set('key', 'value', {
                            type:'m',
                            expires : 60
                            });
                            }
                            </script>