zoukankan      html  css  js  c++  java
  • 易懂 易上手的cookie 最简单明了 js中cookie的使用方法及教程

    今天项目中需要用到cookie 看到我的cookie不行了 大喊一声我曹 怎么可以这样

    我就疯狂的在网上找 找啊 找 但是我感觉都太官方了   废话不说 看栗子 

    1、引入jQuery与jQuery.Cookie.js插件。

        <script src="jquery.js"></script>
        <script src="jquery.cookie.js"></script>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>jQuery学习2</title>
      <script src="jquery.js"></script> 
      <script src="jquery.cookie.js"></script> <script type="text/javascript"> $(function () { $("#username").val($.cookie("username")); if ($.cookie("like") == "刘德华") { $(":radio[value='刘德华']").attr("checked", 'checked') } else { $(":radio[value='张学友']").attr("checked", 'checked') } $(":button").click(function () { $.cookie("username", $("#username").val(), { path: "/", expires: 7 }) $.cookie("like", $(":radio[checked]").val(), { path: "/", expiress: 7 }) }) }) </script> </head> <body> <p><input type="text" id="username" value="" /></p> <p> <input type="radio" name="like" value="刘德华" />刘德华 <input type="radio" name="like" value="张学友" />张学友 </p> <p><input type="button" value="保存" /></p> </body> </html>

     //看这个结合下面的解释 相信你肯定会看懂的,前提是你认真看哦!!!

                    $.cookie("like", $(":radio[checked]").val(), {
                        path: "/", expiress: 7
                    })
    

    创建一个会话cookie:

    $.cookie(‘cookieName’,'cookieValue’);

    注:当没有指明cookie时间时,所创建的cookie有效期默认到用户浏览器关闭止,故被称为会话cookie。

    创建一个持久cookie:

    $.cookie(‘cookieName’,'cookieValue’,{expires:7});

    注意:当指明时间时,故称为持久cookie,并且有效时间为天。

    创建一个持久并带有效路径的cookie:

    $.cookie(‘cookieName’,'cookieValue’,{expires:7,path:’/'});

    注:如果不设置有效路径,在默认情况下,只能在cookie设置当前页面读取该cookie,cookie的路径用于设置能够读取cookie的顶级目录。

    创建一个持久并带有效路径和域名的cookie:

    $.cookie(‘cookieName’,'cookieValue’,{expires:7,path:’/',domain: ‘chuhoo.com’,secure: false,raw:false});

    注:domain:创建cookie所在网页所拥有的域名;secure:默认是false,如果为true,cookie的传输协议需为https;raw:默认为false,读取和写入时候自动进行编码和解码(使用encodeURIComponent编码,使用decodeURIComponent解码),关闭这个功能,请设置为true。

    获取cookie:

    $.cookie(‘cookieName’);   //如果存在则返回cookieValue,否则返回null。

    删除cookie:

    $.cookie(‘cookieName’,null);

    注:如果想删除一个带有效路径的cookie,如下:$.cookie(‘cookieName’,null,{path:’/'});

    就是这些了 ,说的有错的地方还请大神  指点一二

  • 相关阅读:
    C++——多态
    C++——继承
    PAT1002 A+B for Polynomials
    PAT1001-A+B Format
    C++——运算符重载(下)
    图像处理与Python实现(岳亚伟)笔记二——彩色图像处理
    图像处理与Python实现(岳亚伟)笔记一
    827. Making A Large Island
    995. Minimum Number of K Consecutive Bit Flips (2021/2/18每日一题)
    685. Redundant Connection II (LeetCode 刷题笔记)
  • 原文地址:https://www.cnblogs.com/BeautifulBoy/p/6200615.html
Copyright © 2011-2022 走看看