前端基础 - WebApi （一）

格式化字符串

使用字符串方法format

JS中不存在format方法，因此也无法使用，需要手动添加

ES6语法格式化

var inter=`这个人的名字是${
     man.name}，他的年龄是${
     man.age}，他的性别是${
     man.sex}`;

使用``符号将字符串进行括起来，然后字符串里面的变量数据使用${}括起来，在{}里面可以写变量、表达式

toString方法

            var a=20.00;
            console.log(a.toString(2));

将数据进行2进制或8进制或16进制处理成字符串格式，但是这个参数只对数字类型有用，其他数据类型toString方法无参数

WebAPI介绍

API概念

API：应用程序接口，本质是一些函数接口，目的是提供应用程序与开发人员的某些软硬件操作的一些方便功能，类似于使用的成型产品。在使用的时候无需考虑其生产过程，直接使用即可

WebAPI概念

WebAPI是浏览器提供的一套有关于操作浏览器功能以及浏览器内页面元素的API(BOM和DOM)。现阶段主要针对于浏览器讲常用的API，主要针对浏览器做交互效果。

API是为程序员提供的一些接口，帮我们实现一些功能，方便开发

WebAPI是针对于浏览器提供的接口，主要针对浏览器做交互效果，里面基本上由输入和输出函数组成，学习WebAPI主要是掌握很多方法的使用

DOM学习

什么是DOM

文档对象模型，是由W3C组织推荐的一种处理可扩展标记语言(xml)的标准编程接口。

XML和HTML：

XML：可扩展标记语言，主要是通过自定义标签进行对数据保存处理

HTML：超文本标记语言，是一些已经规定好的一套标签

W3C已经定义好了一系列的DOM接口，我们目前主要通过这些DOM接口进行改变网页内容、结构和样式

DOM的内容

DOM中最大最原始的对象是文档对象

DOM的结构其实就是一个HTML的标准文档结构

文档-HTML：根元素

1. head元素
   1. title元素
   2. mate元素
   3. …
2. body元素
   1. h1-h6
   2. div
   3. …

文档：一个页面就是一个文档，一个文档在DOM中使用document表示

节点：网页中的所有内容，在文档中所有的节点(标签、属性、文本、注释等)，使用node表示

标签节点：网页中所有的标签，通常称为元素节点，也叫作元素，用element表示

总结：以上的所有内容在DOM中都是以对象的方式表示

获取元素

1. 根据ID获取元素，ID指的是给元素的ID属性值

   var a