2020-02-19 每日总结

html5新特性

上传文件

multiple多选

1.上传文件到文件域

var file=document.getElementById("input1");

监听文件域内容变化

{

有变化后选择操作文件进行读取 fileReader中readAsText

读取readAsText

读取完成将内容显示出来 在onload中改写

将读取内容赋值

}

***************************************************************

上传图片

1.上传图片到文件域

监听文件域发生变化

{

有变化后选择要操作图片进行读取 fileReader中reader.readAsDataURL

读取完成将内容显示 在onload中改写

赋值给img的src

}

*********************************************************************

地理位置/地图名片  利用baidu第三方demo

*********************************************************************

事件冒泡 嵌套关系中，如果父级子级都有相同事件，触发子级元素事件时也会触发父级元素事件，层层递进直到document

例子 三层div嵌套的单击事件

*********************************************************************

事件委托 和事件冒泡相反，给父元素绑定某个事件，让子元素触发事件

*********************************************************************

拖拽 指鼠标点击源对象后按住左键不松，到达目标位置后松手释放

拖拽：Drag 释放:Drop

拖拽过程：

1，找到源对象，设置为可拖拽

ondragstart源对象开始被拖动   ondrag在拖动过程中  ondragend拖动过程结束

2，找到目标对象

ondragenter源对象进入目标

ondragover源对象在目标上方悬停

ondragleave源对象离开目标

ondrop源对象在目标上释放

*********************************************************************

将数据存储在本地计算机中

特点：设置，读取方便，页面刷新时不会丢失，容量较大

sessionStorage 5M，localStorage20M，

只能保存字符串，需要将对象Json。Stringfy（）编码存储

sessionStorage

（1）生命周期为关闭浏览器

（2）同一个窗口数据可共享

localStorage

（1）永久生效，除非手动删除

（2）多窗口多页面共享