HTML5学习笔记

这两天看了下《html5揭秘》，把这两天看的内容总结下：

 

1.检测浏览器是否支持html5特性

modernizr是一个基于MIT许可证发布的开源JavaScript类库，http://modernizr.com/download/

 

2.canvas

html的绘图api感觉和java的差不多

 

3.地理位置

Chrome浏览器需要把html文件放到http服务器中才能获取地理位置，否则positionError对象的code属性一直为1，即用户拒绝共享

FF则可以直接打开html文件并获取地理位置信息

P.S. FF获取到地理位置后页面一直处于loading状态，不知是什么原因

 

4.本地存储

interface Storage{
    getter any getItem(in DOMString key); //获取值
    setter creator void setItem(in DOMString key, in any data);//设置值
    deleter void removeItem(in DOMString key);//删除值
    void clear();//清空本地存储
    readonly attribute unsigned long length;//键值对个数，只读
    getter DOMString key(in unsigned long index);//根据索引获取键名
}

 

获取值和设置值也可以使用关联数组的方式。

P.S. 在FF和Chrome中都没有监听到onstorage事件

 

5.表单

表单增加了email,number,url等多种类型，但是，email中的数字可以乱输，number中也可以输入其他字符。因此感觉表单本质上并未有多少改进。