网络监听接口
网络联通是触发这个事件，只与当前页面有关
window.online用户网络连接时被调用
window.offline用户网络断开时被调用
全屏接口
requestFullScreen():开启全屏显示
不同浏览器需要添加不同的前缀
cancelFullScreen():退出全屏显示:也添加前缀，在不同的浏览器下.退出全屏只能使用document来实现
fullScreenElement:是否是全屏状态，也只能使用document进行判断
案例：对一张进行全屏显示，退出全屏和判断是否全屏
读取文件内容
FileReader:读取文件内容
readAsText():读取文本文件(可以使用Txt打开的文件)，返回文本字符串，默认编码是UTF-8
readAsBinaryString():读取任意类型的文件。返回二进制字符串。这个方法不是用来读取文件展示给用户看，而是存储文件。例如：读取文件的内容，获取二进制数据，传递给后台，后台接收了数据之后，再将数据存储
readAsDataURL():读取文件获取一段以data开头的字符串，这段字符串的本质就是DataUR
DataURL是一种将文件(这个文件一般就是指像或者能够嵌入到文档的文件格式)嵌入到文档的方案。
DataURL是将资源转换为base64编码的字符串形式，并且将这些内容直接存储在url中>>优化网站的加载速度和执行效率
FileReader提供一个完整的事件模型，用来捕获读取文件时的状态
onabort:读取文件中断片时触发onerror:读取错误时触发onload:文件读取成功完成时触发onloadend:读取完成时触发，无论成功还是失败onloadstart:开始读取时触发onprogress:读取文件过程中持续触发
示例：从本地选一张片做到及时预览的效果
展示片：src:指定路径(资源定位--ur:src请求的是外部文件，一般来说是服务器资源。意味着它需要向服务器发送请求，它占用服务器资源
需求：即时预览：即时：当用户选择完片之后就立刻进行预览的处理>>onchange预览：通过文件读取对象的readAsDataURL()完成
使用FileReader()获取DataURL该函数需要注意：没有任何的返回值:void：但是读取完文件之后，它会将读取的结果存储在文件读取对象的result中需要传递一个参数binarylargeobject:文件(片或者其它可以嵌入到文档的类型)文件存储在file表单元素的files属性中，它是一个数组
![]()
拖拽接口
注意：在h5中，如果想拖拽元素，就必须为元素添加draggable='true'.片和超链接默认就可以拖拽
应用于被拖拽元素的事件
ondrag应用于拖拽元素，整个拖拽过程都会调用--持续ondragstart应用于拖拽元素，当拖拽开始时调用ondragleave应用于拖拽元素，当鼠标离开拖拽元素时调用ondragend应用于拖拽元素，当拖拽结束时调用
应用于目标元素的事件
ondragenter应用于目标元素，当拖拽元素进入时调用ondragover应用于目标元素，当停留在目标元素上时调用ondrop应用于目标元素，当在目标元素上松开鼠标时调用ondragleave应用于目标元素，当鼠标离开目标元素时调
注意：浏览器默认会阻止ondrop事件：我们必须在ondragover中阻止浏览器的默认行为--------preventDefault()
通过dataTransfer来实现数据的存储与获取
setData(format,dat:format:数据的类型：textmltext/uri-listData:数据:一般来说是字符串值
示例：拖拽接口的通用
试着把我拖过去
试着也把我拖过去
应用股票交易自动下单接口,缓存接口
sessionStorage：存储数据到本地。存储的容量5mb左右。这个数据本质是存储在当前页面的内存中-意味着其它页面和浏览器无法获取数据它的生命周期为关闭当前页面，关闭页面，数据会自动清除
方法：
setItem(key,valu:存储数据，以键值对的方式存储getItem(key):获取数据，通过指定名称的key获取对应的value值removeItem(key):删除数据，通过指定名称key删除对应的值clear():清空所有存储的内容
localStorage的使用：存储的内容大概20mb不同浏览器不能共享数据。但是在同一个浏览器的不同窗口中可以共享数据永久生效，它的数据是存储在硬盘上，并不会随着页面或者浏览器的关闭而清除.如果想清除，必须手动清除
方法
setItem(key,valu:存储数据，以键值对的方式存储getItem(key):获取数据，通过指定名称的key获取对应的value值removeItem(key):删除数据，通过指定名称key删除对应的值clear():清空所有存储的内容
