JS Web API

一、约束验证 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 对象属性

属性	描述
length	返回历史列表中的 URL 数量。

 五、History 对象方法

方法	描述
back()	加载历史列表中的上一个 URL。
forward()	加载历史列表中的下一个 URL。
go()	从历史列表中加载特定的 URL。

六、Storage 对象属性和方法

属性/方法	描述
key(n)	返回存储中第 n 个键的名称。
length	返回存储在 Storage 对象中的数据项数。
getItem(keyname)	返回指定的键名的值。
setItem(keyname, value)	将键添加到存储中，或者如果键已经存在，则更新该键的值。
removeItem(keyname)	从存储中删除该键。
clear()	清空所有键。

 七、Web Storage API 相关页面

属性	描述
window.localStorage	允许在 Web 浏览器中保存键/值对。存储没有到期日期的数据。
window.sessionStorage	允许在 Web 浏览器中保存键/值对。存储一个会话的数据。

八、什么是 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() 方法。