html 5中localstorage小结
- - ITeye博客html 5中的localstorage的小结 demo,如下:. 2) 然后检查浏览器知否支持html 5的localstorage,比如:. 3) 写到localstorage,. 4) 读localstorage. 5 写session storage. 6 读session stage. 已有 0 人发表留言，猛击->> 这里<<-参与讨论.
html 5中localstorage小结
标签：
html
localstorage
| 发表时间：2013-02-07 23:00 | 作者：
出处：http://www.iteye.com
html 5中的localstorage的小结 demo,如下:
1)
2) 然后检查浏览器知否支持html 5的localstorage,比如:
3) 写到localstorage,
4) 读localstorage
5 写session storage
6 读session stage
7 清除
function clear_data()
{
if (check_support())
{
localStorage.clear();
sessionStorage.clear();
}
}
已有 0 人发表留言，猛击->> 这里<<-参与讨论
ITeye推荐
1)
<!DOCTYPE HTML> <html> <head> <title>HTML5 Web Storage</title> </head> <body> <h1>HTML5 Web Storage</h1> <button type="button" onclick="write_local_storage()">Write Local Storage</button> <button type="button" onclick="read_local_storage()">Read Local Storage</button> <button type="button" onclick="write_session_storage()">Write Session Storage</button> <button type="button" onclick="read_session_storage()">Read Session Storage</button> <button type="button" onclick="clear_data()">Clear</button> </body> </html>
2) 然后检查浏览器知否支持html 5的localstorage,比如:
function check_support()
{
if(typeof(Storage) == "undefined")
{
alert("Sorry! No web storage support!");
return false;
}
return true;
}
3) 写到localstorage,
function write_local_storage()
{
if (check_support())
{
var persistObject = { 'Smith': 23, 'Kobi': 18, 'Alex': 32 };
localStorage.setItem('persist_data', JSON.stringify(persistObject));
}
4) 读localstorage
function read_local_storage()
{
if (check_support())
{
var storage = window.localStorage;
var retrievedObject = storage.getItem('persist_data');
var length = storage.length;
alert("Retrieving " + length + " item(s) from localstroage");
alert(retrievedObject);
}
}
5 写session storage
function write_session_storage()
{
if (check_support())
{
var sessionObject = { 'keycode': 111, 'passpharse': 222, 'id': 888 };
// Put the object into storage
sessionStorage.setItem('session_data', JSON.stringify(sessionObject));
}
}
6 读session stage
function read_session_storage()
{
if (check_support())
{
// Retrieve the object from storage
var storage = window.sessionStorage;
var retrievedObject = storage.getItem('session_data');
var length = storage.length;
alert("Retrieving " + length + " item(s) from localstroage");
alert(retrievedObject);
}
}
7 清除
function clear_data()
{
if (check_support())
{
localStorage.clear();
sessionStorage.clear();
}
}
已有 0 人发表留言，猛击->> 这里<<-参与讨论
ITeye推荐
相关 [html localstorage] 推荐：
檢測localStorage容量上限
- - 黑暗執行緒在處理localStorage問題時，在 stackoverflow發現好用的網頁工具 -- Test of localStorage limits/quota. 使用方法很簡單，連上 該網頁，網頁裡的JavaScript會嘗試在瀏覽器localStorage塞資料，並持續增加儲存資料的長度，直到放不下為止，即可得到localStorage的容量上限.
使用 SRI 增强 localStorage 代码安全
- - JerryQu 的小站在上篇 介绍 Subresource Integrity（SRI）的文章最后，我提出一个问题：现在广泛被大家使用的「将 JS 代码缓存在本地 localStorage」方案有很大的安全隐患. 网站出现任何 XSS，都有可能被用来篡改缓存在 localStorage 中的代码. 之后即使 XSS 被修复，localStorage 中的代码依然是被篡改过的，持续发挥作用.
HTML 安全列表
- 火锅土豆 - 酷壳 - CoolShell.cn下面这个网站罗列了，几乎所有的关于HTML 5 在各种主流浏览器上的安全问题，这些安全问题很有可能将会是黑客攻击你的网上的敲门砖，他们几乎都和Javascript都有关系，你就要好好注意了. IE6，7，8，9，和Opera 8.x, 9.x, 10.x 都支持这样的语法. 这个问题会存在于所有的Firefox版本中，可以让用户进行XSS（跨站脚本）攻击.
HTML学习笔记
- - CSDN博客推荐文章超文本标记语言（ 英文：HyperText
Markup Language，HTML）是为“ 网页创建和其它可在 网页浏览器中看到的信息”设计的一种 标记语言. HTML被用来结构化信息——例如标题、段落和列表等等 点击打开链接. w3schools 点击打开链接 {语法大全，超赞.
html嵌套规则
- - Web前端 - ITeye博客转载: http://www.studyofnet.com/news/412.html. 一、HTML 标签包括 块级元素(block)、内嵌元素（inline）. 一般用来搭建网站架构、布局、承载内容……它包括以下这些标签：. 一般用在网站内容之中的某些细节或部位，用以“强调、区分样式、上标、下标、锚点”等等，下面这些标签都属于内嵌元素：.
Html 转换成PDF
- - 编程语言 - ITeye博客最近在搞一个关于html转换为pdf的需求，网上找了很多，但是如果批量处理就会出现问题，最后找到了PD4ML，解决了我的问题. String urlstring = "file:///D:/债权转让及受让协议--魏然2014-08-16.html";. 需要在src目录下创建fonts文件夹，并且在文件夹中建立pd4fonts.properties ，配置文件中的内容如下.
HTML+CSS小结 - jessies
- - 博客园_首页 结构 HTML . 样式 CSS . 行为 JavaScript(交互行为). . 网页标题 . 标题 .
HTML head 头标签
- - IT技术博客大学习HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO 等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性. 移动互联网时代，head 头部结构，移动端的 meta 元素，显得更为重要. 了解每个标签的意义，写出满足自己需求的 head 头标签，是本文的目的.
动态绑定HTML
- - 破狼 Blog在Web前端开发中，我们经常会遇见需要动态的将一些来自后端或者是动态拼接的HTML字符串绑定到页面DOM显示，特别是在内容管理系统（CMS：是Content Management System的缩写），这样的需求，更是遍地皆是. 对于对angular的读者肯定首先会想到ngBindHtml，对,angular为我们提供了这个指令来动态绑定HTML，它会将计算出来的表达式结果用innerHTML绑定到DOM.