HTML5 网络恶作剧
HTML 网页;没有 cookie。
什么是 HTML 网络疯狂?
借助Web工具,Web程序可以将数据保存在用户浏览器本地。
在 HTML5 规范出现之前,这些附加数据存储在服务器皮肤中包含的 cookie 中。 网络更加安全,大量数据可以本地存储而不影响网站。
替换 cookie 时,文件限制要大得多(5 MB),并且不会将任何信息传输到服务器。
Webshovische - 用于皮肤刺激(针对域和协议)。 来自一台设备的所有页面(相同的方法)可以保存并拒绝对所有数据本身的访问。
浏览器支持
表中的数字表示浏览器的第一个版本,基本上支持网页浏览器。
API | |||||
---|---|---|---|---|---|
网络恶作剧 | 4.0 | 8.0 | 3.5 | 4.0 | 11.5 |
HTML Web 对象
HTML Web 主机提供了两个用于在客户端保存数据的对象:
window.localStorage
- зберігає дані без дати закінчення строка дії;window.sessionStorage
- зберігає дані для одного сеанса (дані втрачаються при закритті вкладки веббраузера).
使用跨平台脚本来将 localStorage 和 sessionStorage 组合在一起:
如果 (typeof(Storage) !== “undefined”) {
// localStorage/sessionStorage 的代码。
} 别的 {
// 很遗憾,支持当今的网络愚蠢行为。
}
本地存储对象
目的 本地存储 保存数据时不显示该行的结束日期。 关闭浏览器时,数据不会被删除,并且可以在第二天、今天或明天使用。
屁股
// 已保存
localStorage.setItem(“姓氏”,“史密斯”);
// 旋转
document.getElementById("结果").innerHTML = localStorage.getItem("姓氏");
自己尝试一下»
屁股的解释:
- 参数 localStorage 名称/值(唯一/唯一)为 name='lastname' 和 value='Smith';
- 返回 'lastname' 和 id='result' 中列出的所有单词(结果)。
还可以通过以下方式进行指导:
// 已保存
localStorage.lastname =“史密斯”;
// 维鲁恰埃莫
document.getElementById("结果").innerHTML = localStorage.lastname;
访问 'lastname' localStorage 的缓存表的方法是:
localStorage.removeItem(“姓氏”);
笔记: 名称/值投注始终保存为行。 如有必要,不要忘记将它们转换为其他格式!
向前的对接是通过按钮的点击次数来支持的。 在此代码中,一系列值被转换为数字,以便可以增加该值:
屁股
如果(localStorage.clickcount){
localStorage.点击计数 = 数字(localStorage.点击计数) + 1;
} 别的 {
localStorage.点击次数 = 1;
}
document.getElementById("result").innerHTML = "您的 натиснули кнопку " +
localStorage.clickcount + " 次。";
自己尝试一下»
会话存储对象
目的 sessionStorage
来自 localStorage 的视频,крім того ,仅保存一个会话的数据。 当用户关闭主网络浏览器选项卡时,数据将被删除。
在当前应用中,当您在当前会话中按下按钮时,您需要对自己进行多次保险:
屁股
如果(sessionStorage.clickcount){
sessionStorage.点击次数 = 数值(sessionStorage.点击次数) + 1;
} 别的 {
sessionStorage.点击次数 = 1;
}
document.getElementById("result").innerHTML = "您的 натиснули кнопку " +
sessionStorage.clickcount + " 在每个部分中单击(或)";
自己尝试一下»