一、加强的页面元素
新增的figure和figcaption(标题)
新增的details元素:将画面上局部区域进行展开或者收缩的方法。
<details>
<summary>详细</summary>
<p>内容...</p>
</details>
新增的mark元素:用于突出显示或者高亮显示。经常使用于搜索结果中关键词的高亮显示。
新增progrress:进度,能够是不肯定的,max,value.
新增meter:表示规定范围内的数量值。
value,min,max,low,high,optimun
新增的menu和command:浏览器还不支持。
改良的ol列表:start定义编号初始值,reversed。
改良的dl列表:dt,dd,dfn
加以严格限制的cite:表示做品的标题。
二、文件API
FileList与file对象:经过设置file控件的multiple属性能够一次放置多个文件,name表示文件名,lastModifiedDate表示文件最后修改时间。
Blob对象:表示二进制元素数据,它提供一个slice方法,能够经过该方法访问到字节内部的原始数据块。
file也继承了Blob对象。
size:Blob的字节长度
type:Blob的MIME类型,若是未知类型则返回空字符串。
经常使用于判断用户选择的文件类型,file控件也有accept属性(如accept="image/*")。
FileReader接口:主要用来把文件读入内存,而且读取文件中的数据。异步。
检查浏览器支持状况:typeof FileReader=='undefined'
方法:readAsBinaryString、readAsText、readAsDataUrl、abort.
事件:onabort,onerror,onloadstart,onprogress,onload,onloadend.
fileReader对象读取到的数据都保存在result属性中。
三、拖放API
将想要拖放的对象元素的draggable属性设为true,而后编写与拖放有关的事件处理代码。
事件:dragstart,drag,dragenter,dragover,dragleave,drop(有其它元素被拖放到本元素中),dragend.
支持拖动处理的MIME类型:text/plain,text/html,text/xml,text/uri-list.
DataTransfer对象的属性与方法:
属性:
dropEffect(拖放操做的视觉效果,none,copy,link,move,通常在ondragover中设置)
effectAllowed(none,copy,copyLink,copyMove,link,linkMove,move,all,unintialize,通常在ondragstart中设置)
type(存入数据的种类)。
方法:
clearData,setData,getData,setDropImage.html