h5 新API

地理定位API

navigator.geolocation 對象

• getCurrentPosition(callback, errCallback, options) 獲取當前位置
• watchPosition(callback, errCallback, options) 實時獲取位置
• clearWatch() 中止監控位置變化

position對象（獲取位置成功後，後調函數中的獲得的參數）

• timestamp 獲取位置時的時間戳
• coords 包含座標信息的對象
  • latitude 緯度
  • longitude 經度
  • altitude 海拔
  • heading 前進方向
  • speed 速度

error對象 （獲取位置失敗，回調函數獲得的參數）

• code
• message

選項（getCurrentPosition 和 watchPosition 第三參數）

• timeout
• maximumAge 緩存時間
• enableHighAccuracy 是否最佳

多媒體API

video/audio 的dom對象

track 標籤的用法

拖放API

拖拽屬性

• draggable （true/false）

拖拽事件

• dragstart 被拖拽元素 開始拖拽
• dragend 被拖拽元素 結束拖拽
• drag 被拖拽元素 拖拽過程不停觸發
• dragenter 目標元素 進入目標元素
• dragleave 目標元素 離開目標元素
• dragover 目標元素 在目標元素內 不停觸發
• drop 目標元素 在目標元素內結束

dragEvent

• dataTransfer 數據傳遞
  • setData()
  • getData()

文件API

概述

• H5容許JS有條件的讀取客戶端文件
• 容許讀取的文件：1.待上傳的文件 2,拖進瀏覽器的文件

FileList對象

• 由File對象構成的集合 （類數組對象）

File對象

• name
• size
• type
• lastModified
• lastMOdifiedDate

FileReader對象

• 方法
  • readAsText()
  • readAsDataURL()
• 屬性
  • error
  • readyState
  • result
• 事件
  • onload
  • onloadstart
  • onloadend
  • oneror
  • onabort
  • onprogress

XHR2

概述

• XMLHttpRequest 對象， 用於發起http請求
• H5標準新增了更多的屬性和方法和事件

FormData

• 用來獲取表單數據
• http請求（post方式）， 請求體 編碼方式 application/x-www-form-urlencoded ||| multipart/form-data
  
• XMLHttpRequiest默認的請求體編碼方式 multipart/form-data
• 建立FormData對象能夠把form元素做爲參數，也能夠沒有參數建立空的formdata
• FormData對象調用append() 在原來內容基礎上添加新的內容

XMLHTTPRequst對象 新增的屬性、方法、事件

• 方法
  • open()
  • send()
  • abort()
• 屬性
  • responseText
  • responseXML
  • readyState
  • status
• 事件
  • onreadystatechange

progressEvent

• loaded
• total
• lengthComputable 長度是否可計算

XMLHttpRequestUpload

• onload
• onloadstart
• onloadend
• onprogress
• onerror
• onabort
• ontimeout