网络零售商的终极网站
 HTML5。 入门的教训。  W3Schools 乌克兰语

西斯

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 + " 在每个部分中单击(或)";
自己尝试一下»


评论