php

Bash
7 行
setcookie(name, value, expire, path, domain);
setcookie("user", "Alex Porter", time()+3600);
echo $_COOKIE["user"];
setcookie("user", "", time()-3600);

session_start();
$_SESSION['views']=1;

PHP中的cookie不用刷新就生效的方法

JavaScript

上面这个函数中的参数存有 cookie 的名称、值以及过期天数。
jQuery设置读取COOKIE插件

代码片段
1 行
<script type="text/javascript" src="https://lizhenqiu.com/templates/default/jquery.min.js"></script>

HTML <input> 标签

HTML 本地存储对象
HTML 本地存储提供了两个在客户端存储数据的对象:
window.localStorage - 存储没有截止日期的数据
window.sessionStorage - 针对一个 session 来存储数据(当关闭浏览器标签页时数据会丢失)

在使用本地存储时,请检测 localStorage 和 sessionStorage 的浏览器支持:

代码片段
5 行
if (typeof(Storage) !== "undefined") {
    // 针对 localStorage/sessionStorage 的代码
} else {
    // 抱歉!不支持 Web Storage ..
}
代码片段
6 行
// 存储
localStorage.lastname = "Gates";
// 取回
document.getElementById("result").innerHTML = localStorage.lastname;
//删除
localStorage.removeItem("lastname");

localStorage 对象存储的是没有截止日期的数据。当浏览器被关闭时数据不会被删除,在下一天、周或年中,都是可用的。

sessionStorage 对象等同 localStorage 对象,不同之处在于只对一个 session 存储数据。如果用户关闭具体的浏览器标签页,数据也会被删除。

代码片段
7 行
if (sessionStorage.clickcount) {
    sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
    sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "在本 session 中,您已经点击这个按钮 " +
sessionStorage.clickcount + " 次。";