JSAPI知识点

WEB API

一、基础架构：

我们常说的JS通常包含两大部分：

• ECMAScript基础知识

• WEB API （w3c提供的，浏览器为我们自带的可以调用的API接口）

  • BOM

  • DOM

二、DOM （Document Object Model）

• 题目

  • DOM是哪种基本的数据结构

    • 树

  • DOM操作常用的API有哪些

    • 获取DOM节点的方式

    • DOM的增删改查

    • 节点的property和attribute针对节点

    • 获取父级子级节点

  • DOM节点的attr和property有什么区别

    • property知识一个JS对象的属性的修改和获取

    • Attribute只是针对HTML标签的属性的进行修改和获取

• 知识点

  • DOM本质：

    • 也就是浏览器请求服务器，接收到的文件之后，需要将这个文件解构化成为浏览器或者是JS可以识别的模型，这个东西就叫DOM。我们常写的HTML代码z/就是字符串。

    • HTML代码就是字符串，浏览器将其结构化成为树形结构，这就是DOM树

  • DOM节点操作

  • DOM结构操作

    • 新增节点：

    • 获取父级节点

    • 获取子级节点

    • 删除节点

      • 删除节点只能删除子级节点，所以一般会将目标节点追加到某个父级节点上，然后再删除

  • PS:

    • 节点和元素的区别：

      • 节点指的是标签（树枝），元素指的的DOM结构中的所有的东西，包括文本，标签等。

    • NodeType和NodeName的去别：

      • NodeType：返回一个数字，这个数字表示的就是节点的类型。3表示文本，1表示节点

      • NodeName：返回的就是这个节点的名字（p标签等）；

 

三、BOM操作：

• 题目

  • 如何检测浏览器的类型

    • 使用navigator.userAgent（这是一个字符串，根据返回的字符串进行判断）

  • 解析url各个部分

• 知识点、

  • navigator

  • screen

  • location

  • history