汉阳区凤岗网站设计
使用HTML5，可以将用户的浏览数据存储在本地。
之前，本地存储使用cookie。然而，网络存储需要更加安全和快速。这些数据不会存储在服务器上，而仅用于用户请求的网站数据。它还可以存储大量数据，而不影响网站的性能。数据以键/值对的形式存在，网页的数据只能被网页访问和使用。58860 . 88888888861
注意:Internet Explorer 7及更早版本的IE不支持web存储。
客户端存储数据的两个对象是:
local storage-用于长期存储整个网站的数据，存储的数据在被手动删除之前没有过期时间。session storage-用于临时保存同一个窗口(或标签页)的数据，关闭窗口或标签页后会被删除。
使用web存储之前，检查浏览器是否支持localStorage和session storage:
if(类型(storage)！== "未定义"){//是！支持本地存储会话存储对象！//一些代码...} else {//对不起！不支持Web存储。}
本地存储对象存储的数据没有时间限制。第二天之后，第二周或者第二年，数据还是有的。
local storage . sitename = "菜鸟教程"；document . getelementbyid(" result ")。innerhtml = "网站名称:"+LocalStorage . sitename；
试试？
示例分析:
用key="sitename "和value= "新手教程"创建localStorage键/值对。检索键值为“sitename”的值，并将数据插入id为“result”的元素中。
上面的例子也可以写成:
//Store local storage . sitename = "菜鸟教程"；//查找document . getelementbyid(" result ")。innerhtml = local storage . sitename；
从本地存储中删除“站点名称”:
江岸区平面设计自学网
本地存储。remove ITeM(" sitename ")；
localStorage和sessionStorage都可以使用同一个API，常用的API如下(以local storage为例):
保存数据:localStorage.setItem(key，value)；读取数据:local storage . GetItem(key)；删除单个数据:localStorage.removeItem(键)；删除所有数据:localStorage.clear获取索引的键:local storage . key(index)；
提示:键/值对通常以字符串的形式存储，可以根据自己的需要转换格式。
以下示例显示用户单击按钮的次数。代码
中字符串的值转换为数字类型:
if(local storage . click count){ local storage . click count = number(local storage . click count)+1；} else { LocalStorage . click count = 1；} document.getelementbyid(“结果”)。innerhtml = "您已经单击了按钮"+localStorage.clickcount+"次"；
试试？SessionStorage方法存储一个会话的数据。当用户关闭浏览器窗口时，数据将被删除。
如何创建和访问会话存储:
IF(会话存储。clickcount) {sessionstorage。click count = number(session storage。click count)+1；} else { session storage . click count = 1；} document.getelementbyid(“结果”)。innerhtml = "您在此会话中单击了按钮"+sessionStorage.clickcount+"次"；
试试？
江岸区营销推广网站
网站列表程序实现了以下功能:
可以输入网站名称和网站地址，用网站名称作为密钥存储在localStorage中；；根据网站名称，找到网站地址；列出所有当前保存的网站；
以下代码用于保存搜索数据:
//保存数据函数Save { var site URL = document . getelementbyid(" site URL ")。价值；var sitename = document . GetElementbyID(" sitename ")。价值；localStorage.setItem(sitename，site URL)；预警(“添加成功”)；}//查找数据函数find { var search _ site = document . getelementbyid(" search _ site ")。价值；var sitename = LocalStorage . GetItem(search _ site)；var find _ result = document . getelementbyid(" find _ result ")；find _ result . innerhtml = search _ site+"的网址为:“+sitename；}
完整示例演示如下:
江汉区seo优化网站建设公司
网站名称(键):网络地址(值):输入网站名称:
试试？
实现效果截图:
上面的例子只是演示了localStorage的简单存储和搜索，我们存储的数据在更多的情况下会更加复杂。
接下来我们用JSON.stringify存储对象数据，可以将对象转换成字符串。
var site = new Object；...var str = JSON . stringify(site)；//将对象转换成字符串
后，我们使用JSON.parse方法将字符串转换成JSON对象:
JavaScript实现代码:
// save data函数save { var site = new Objectsite . keyname = document . GetElementbyID(" keyname ")。价值；site . sitename = document . GetElementBYid(" sitename ")。价值；site . site URL = document . GetElementbyID(" site URL ")。价值；var str = JSON . stringify(site)；//将对象转换为字符串local storage . set item(site . keyname，str)；预警(“保存成功”)；}//查找数据函数find { var search _ site = document . getelementbyid(" search _ site ")。价值；var str = LocalStorage . GetItem(search _ site)；var find _ result = document . getelementbyid(" find _ result ")；var site = JSON . parse(str)；find _ result . innerhtml = search _ site+"的网站名称为"+site.sitename+"，网站地址为"+site . site URL "；}
完整示例如下:
alias (key):网站名称:网络地址:输入alias (key):
试试？
实例中的loadAll输出所有存储的数据，所以需要保证localStorage中存储的数据是JSON格式，否则JSON.parse(str)会报错。