JS 教程

• JS 教程
• JS 简介
• JS 使用
• JS 输出
• JS 语句
• JS 语法
• JS 注释
• JS 变量
• JS Let
• JS Const
• JS 运算符
• JS 算数
• JS 赋值
• JS 数据类型
• JS 函数
• JS 对象
• JS 事件
• JS 字符串
• JS 字符串方法
• JS 字符串搜索
• JS 字符串模板
• JS 数字
• JS 数字方法
• JS 数组
• JS 数组方法
• JS 数组排序
• JS 数组迭代
• JS 数组 Const
• JS 日期
• JS 日期格式
• JS 日期获取方法
• JS 日期设置方法
• JS 数学
• JS 随机
• JS 逻辑
• JS 比较
• JS 条件
• JS Switch
• JS Loop For
• JS Loop For In
• JS Loop For Of
• JS Loop While
• JS Break
• JS typeof
• JS 类型转换
• JS 位运算
• JS 正则表达式
• JS 异常
• JS 作用域
• JS Hoisting
• JS 严格模式
• JS this 关键词
• JS 箭头函数
• JS 类
• JS JSON
• JS 调试
• JS 样式指南
• JS 最佳实践
• JS 错误
• JS 性能
• JS 保留词

JS 版本

• JS 版本
• JS 2009 (ES5)
• JS 2015 (ES6)
• JS 2016
• JS 2017
• JS 2018
• JS IE / Edge
• JS 历史

JS 对象

• JS 对象定义
• JS 对象属性
• JS 对象方法
• JS 对象显示
• JS 对象访问器
• JS 对象构造器
• JS 对象原型
• JS 对象引用
• JS Map()
• JS Set()

JS 函数

• JS 函数定义
• JS 函数参数
• JS 函数调用
• JS 函数 Call
• JS 函数 Apply
• JS 闭包

JS 类

• JS 类简介
• JS 类继承
• JS Static

JS Async

• JS 回调
• JS 异步
• JS Promise
• JS Async

JS HTML DOM

• DOM 简介
• DOM 方法
• DOM 文档
• DOM 元素
• DOM HTML
• DOM 表单
• DOM CSS
• DOM 动画
• DOM 事件
• DOM 事件监听程序
• DOM 导航
• DOM 节点
• DOM 集合
• DOM 节点列表

JS Browser BOM

• JS Window
• JS Screen
• JS Location
• JS History
• JS Navigator
• JS 弹出框
• JS Timing
• JS Cookies

JS Web API

• Web API 简介
• Web Form API
• Web History API
• Web Storage API
• Web Worker API
• Web Fetch API
• Web Geolocation API

JS AJAX

• AJAX 简介
• AJAX XMLHttp
• AJAX 请求
• AJAX 响应
• AJAX XML 文件
• AJAX PHP
• AJAX ASP
• AJAX 数据库
• AJAX 应用程序
• AJAX 实例

JS JSON

• JSON 简介
• JSON 语法
• JSON vs XML
• JSON 数据类型
• JSON 解析
• JSON 字符串化
• JSON 对象
• JSON 数组
• JSON 服务器
• JSON PHP
• JSON HTML
• JSON JSONP

JS vs jQuery

• jQuery 选择器
• jQuery HTML
• jQuery CSS
• jQuery DOM

JS 实例

• JS 实例
• JS HTML DOM
• JS HTML 输入
• JS HTML 对象
• JS HTML 事件
• JS Browser
• JS 测验

JS 参考手册

• JavaScript 对象
• HTML DOM 对象

建站手册

• 网站构建
• 万维网联盟 (W3C)
• 浏览器信息
• 网站品质
• 语义网
• 职业规划
• 网站主机

Web API 是开发人员的梦想。

• 它可以扩展浏览器的功能
• 它可以极大简化复杂的功能
• 它可以为复杂的代码提供简单的语法

什么是 Web API？

API 指的是应用程序编程接口（Application Programming Interface）。

Web API 是 Web 的应用程序编程接口。

浏览器 API 可以扩展 Web 浏览器的功能。

服务器 API 可以扩展 Web 服务器的功能。

浏览器 API

所有浏览器都有一组内置的 Web API 来支持复杂的操作，并帮助访问数据。

例如，Geolocation API 可以返回浏览器所在位置的坐标。

实例

获取用户所在位置的经纬度：

const myElement = document.getElementById("demo");
function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    myElement.innerHTML = "Geolocation is not supported by this browser.";
  }
}
function showPosition(position) {
  myElement.innerHTML = "Latitude: " + position.coords.latitude +
  "<br>Longitude: " + position.coords.longitude;
}

亲自试一试

第三方 API

第三方 API 未内置于您的浏览器中。

要使用这些 API，您必须从 Web 下载代码。

举例：

• YouTube API - 允许您在网站上显示视频。
• Twitter API - 允许您在网站上显示推文。
• Facebook API - 允许您在网站上显示 Facebook 信息。