您的位置：首页 > Web前端 > JavaScript

易懂易上手的cookie 最简单明了 js中cookie的使用方法及教程

2016-12-19 21:13 246 查看

今天项目中需要用到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:’/'});

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

易懂 易上手的cookie 最简单明了 js中cookie的使用方法及教程

易懂易上手的cookie 最简单明了 js中cookie的使用方法及教程