一、约束验证 DOM 方法
属性 | 描述 |
---|
checkValidity() | 如果 input 元素包含有效数据,则返回 true。 | setCustomValidity() | 设置 input 元素的 validationMessage 属性。 |
二、约束验证 DOM 属性
属性 | 描述 |
---|
validity | 包含与输入元素有效性相关的布尔属性。 | validationMessage | 包含当有效性为 false 时浏览器将显示的消息。 | willValidate | 指示是否将验证 input 元素。 |
?三、有效性属性
input 元素的有效性属性包含许多与数据有效性相关的属性:
属性 | 描述 |
---|
customError | 如果设置了自定义有效性消息,则设置为 true。 | patternMismatch | 如果元素的值与其 pattern 属性不匹配,则设置为 true。 | rangeOverflow | 如果元素的值大于其 max 属性,则设置为 true。 | rangeUnderflow | 如果元素的值小于其 min 属性,则设置为 true。 | stepMismatch | 如果元素的值对其 step 属性无效,则设置为 true。 | tooLong | 如果元素的值超过其 maxLength 属性,则设置为 true。 | typeMismatch | 如果元素的值对其 type 属性无效,则设置为 true。 | valueMissing | 如果元素(具有 required 属性)没有值,则设置为 true。 | valid | 如果元素的值有效,则设置为 true。 |
四、History 对象属性
?五、History 对象方法
六、Storage 对象属性和方法
?七、Web Storage API 相关页面
八、什么是 Web Worker
在 HTML 页面中执行脚本时,页面在脚本完成之前是无响应的。
Web Worker 是在后台运行的 JavaScript,独立于其他脚本,不会影响页面的性能。你可以继续做任何你想做的事情:点击、选取内容等,同时 web worker 在后台运行。
九、?Fetch API
Fetch API 接口允许 Web 浏览器向 Web 服务器发出 HTTP 请求。
不再需要 XMLHttpRequest。
十、Web Geolocation API
getCurrentPosition() 方法 - 返回数据
getCurrentPosition()?方法在成功时返回一个对象。会始终返回纬度、经度和精度属性。如果可用,则返回其他属性:
属性 | 返回 |
---|
coords.latitude | 以十进制数表示的纬度(始终返回)。 | coords.longitude | 以十进制数表示的经度(始终返回)。 | coords.accuracy | 位置精度(始终返回)。 | coords.altitude | 平均海平面以上的高度(以米计)(如果可用则返回)。 | coords.altitudeAccuracy | 位置的高度精度(如果可用则返回)。 | coords.heading | 从北顺时针方向的航向(如果可用则返回)。 | coords.speed | 以米/秒计的速度(如果可用则返回)。 | timestamp | 响应的日期/时间(如果可用则返回)。 |
?Geolocation 对象 - 其他有趣的方法
Geolocation 对象还有其他有趣的方法:
- watchPosition()?- 返回用户的当前位置,并随着用户移动(如汽车中的 GPS)继续返回更新的位置。
- clearWatch()?- 停止 watchPosition () 方法。
下面的例子展示了?watchPosition()?方法。
|