h5 新API


地理定位API

  • 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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM