数据收集 : json的形式
enableHighAcuracy
: 更精确的查找，默认
false
timeout
: 获取位置允许最长时间，默认
infinity
maximumAge
: 位置可以缓存的最大时间，默认
0
多次定位请求* :
watchPosition
移动设备有用，位置改变才会触发
配置参数：
frequency
更新的频率
关闭更新请求 :
clearWatch
百度地图
API
<script src="http://api.map.baidu.com/api?v=2.0&ak=qZfInp9MaT9Qa0PoNy4Rmx3Y9W9ZXMfw"></script>
本地存储
Storage
sessionStorage
session
临时回话，从页面打开到页面关闭的时间段
窗口的临时存储，页面关闭，本地存储消失
localStorage
永久存储（可以手动删除数据）
Storage
的特点
存储量限制 ( 5M )
客户端完成，不会请求服务器处理
sessionStorage
数据是不共享、
localStorage
共享
Storage API
setItem()
:
设置数据，(
key
,
value
)类型，类型都是字符串
可以用获取属性的形式操作
getItem():
获取数据，通过
key
来获取到相应的
value
removeItem()
:
删除数据，通过key来删除相应的
value
clear()
:
删除全部存储的值
存储事件:
当数据有修改或删除的情况下，就会触发
storage
事件
在对数据进行改变的窗口对象上是不会触发的`
Key
: 修改或删除的
key
值，如果调用
clear()
,
key
为
null
newValue
: 新设置的值，如果调用
removeStorage()
,
key
为
null
oldValue
: 调用改变前的
value
值
storageArea
: 当前的
storage
对象
url
: 触发该脚本变化的文档的url
注：
session
同窗口才可以,例子：
iframe
操作
四、HTML5拖拽
图片自带拖拽功能
其他元素可设置
draggable
属性
draggable ：true
拖拽元素(被拖拽元素对象)事件 :
ondragstart
: 拖拽前触发
ondrag
:拖拽前、拖拽结束之间，连续触发
ondragend
:拖拽结束触发
目标元素(拖拽元素被拖到的对象)事件 :
ondragenter
:进入目标元素触发
ondragover
:进入目标、离开目标之间，连续触发
ondragleave
:离开目标元素触发
ondrop
:在目标元素上释放鼠标触发
需要在
ondragover
事件里面阻止默认事件
拖拽兼容问题
火狐浏览器下需设置
dataTransfer
对象才可以拖拽除图片外的其他标签
dataTransfer
对象
setData()
: 设置数据
key
和
value
(必须是字符串)
getData()
: 获取数据，根据
key
值，获取对应的
value
effectAllowed
: 设置光标样式(
none
,
copy
,
copyLink
,
copyMove
,
link
,
linkMove
,
move
,
all
和
uninitialized
)
setDragImage
：三个参数（指定的元素，坐标
X
，坐标
Y
）
files
： 获取外部拖拽的文件，返回一个
filesList
列表
filesList
下有个
type
属性，返回文件的类型
读取文件信息
FileReader
(读取文件信息)
readAsDataURL
参数为要读取的文件对象
onload
当读取文件成功完成的时候触发此事件
this. result
获取读取的文件数据
相关文章
精彩导读
热门资讯
关注我们
