码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 新特性

时间:2016-11-03 18:20:52      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:存储   方法   begin   内容   使用方法   标题   缓存   取数   数据   

语义元素

<section></section> 包含了一组内容及其标题。

<article></article> 定义独立的内容

<nav></nav> 定义导航链接部分区域

<aside></aside>标签定义页面主区域内容之外的内容,与主区域的内容相关;侧边栏

<header></header>

<footer></footer>

<figure>img<figcaption></figcaption></figure>     figcaption定义figure的标题

web存储:

localStorage 对象存储的数据没有时间限制 localStorage.lastname="Smith";localStorage.lastname;

sessionStorage 方法针对一个session进行数据存储,当用户关闭浏览器窗口时,数据会被删除。

 

sessionStorage.begin();//确保在这段代码执行的时候不会发生其他磁盘写入操作

//使用sessionStorage方法存储数据
sessionStorage.setItem(‘name‘,‘Nicholas‘);
//使用属性存储数据
sessionStorage.book = ‘Profession JavaScript‘;

sessionStorage.commit();   在所有设置完成后调用commit()方法

getItem()或者通过直接访问属性名来获取数据。

//使用方法读取数据
var name = sessionStorage.getItem(‘name‘);
//使用属性读取数据
var book = sessionStorage.book;

删除数据可以使用delete操作符删除对象属性,也可以调用removeItem()方法

delete sessionStorage.name; sessionStorge.removeItem(‘book‘)

cache缓存:<html manifest="demo.appcache">

 

HTML5 新特性

标签:存储   方法   begin   内容   使用方法   标题   缓存   取数   数据   

原文地址:http://www.cnblogs.com/yxiaoqian/p/6027474.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!