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

html新特性(部分)

时间:2016-05-20 07:29:02      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:

1、    audio / vedio

在audio / vedio之间的文字主要是当浏览器不支持该资源的时候显示

ps:火狐不支持.mp4格式的,所以使用vedio的时候可以使用引入多个<source>来让浏览器之间更好地兼容

2、    SVG

SVG可以外部创建一个文件,后缀名为.svg,然后在html通过src引入文件来使用它,但是外部创建的文件要记得添加头文件<?xml version=”1.0”?>

3、    客户端存储数据:可以通过检查元素的Resources,来查看存储的数据

(1)     localStorage (没有时间限制,可以长时间存储)

使用的话,主要是通过localStorage.text来存取

(2)     sessionStorage (一关闭窗口就会清除数据)

使用的话主要是通过sessionStorage.XX 来存取,XX可以自己定义

4、    应用缓存

法一:在html中加入,比如:<html manifest="myCache.appcache">

一般命名的后缀是.appcache,然后在这个文件里面加入自己想要的缓存的文件

注意:首次使用的时候要打开服务器,

比如:myCache.appcache可以这样写:

CACHE MANIFEST

CACHE(要缓存的文件)

appCache.html

    NETWORK(不缓存的文件)

5、    Web Worker(运行在后台的JavaScript,独立于其他脚本,不影响性能)

方法:

(1)     postMessage()[用于向HTML页面传回一段消息]

(2)     terminate()[终止Web worker ,并释放浏览器/计算机资源]

事件:

  • onmessage()

 

在js中:

var  work =  new Worker(“XX.js”);

work.onmessage = function(e){

  //  e.data;获取数据

}

XX.js中:要使用postMessage()

注意:给Web Worker终止之后,还需要记得重新给他初始化

6、    HTML5服务器推送事件

WebSocket

HTTP轮询:

html新特性(部分)

标签:

原文地址:http://www.cnblogs.com/qzccl/p/5510794.html

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