web前端基础

知识网图：

JS内容补充：

1.alert（‘信息内容’）

说明：弹出消息框

2.console.log()

说明：控制台输出，网页按F12后Console中查看

3.变量定义

定义格式：var 变量名=‘变量值’；

变量默认值：一个变量只定义，但没有赋初值，默认值是 undefined（未定义）

4.数组中的常用方法

push()在尾部插入新项

pop()在尾部删除

unshift()在头部插入新项

shift()在头部删除

splice() 方法用于替换数组中的指定项。

slice() 方法用于得到子数组，类似于字符串中的 slice() 方法。

数组的 join() 方法可以使 数组 转为 字符串。

字符串的 split() 方法可以使 字符串 转为 数组。

concat() 方法可以合并连接多个数组（以返回值的形式）。

reverse() 方法用来将一个数组中的全部项顺序置反。

indexOf() 方法的功能是搜索数组中的元素，并返回它所在的位置，如果元素不存在，则返回 -1。

includes() 方法的功能是判断一个数组是否包含一个指定的值，返回一个布尔值。

sort() 方法用原地算法（直接改变原数组）对数组的元素进行排序，并返回数组。

5.节点创建

document.createElement() 方法用于创建一个指定 tag name 的 HTML 元素。

父节点.appendChild(孤儿节点)：任何已经在 DOM 树上的节点，都可以调用 appendChild() 方法，它可以将孤儿节点挂载到它的内部，成为它的最后一个子节点。

父节点.insertBefore(孤儿节点, 标杆节点)：任何已经在 DOM 树上的节点，都可以调用 insertBefore() 方法，它可以将孤儿节点挂载到它的内部，成为它的 “标杆子节点” 之前的节点。

6.节点移动

如果将已经挂载到 DOM 树上的节点成为 appendChild() 或者 insertBefore() 的参数，这个节点将会被移动。

新父节点.appendChild(已经有父亲的节点);

新父节点.insertBefore(已经有父亲的节点, 标杆子节点);

7.节点删除

removeChild() 方法从 DOM 中删除一个子节点：父节点.removeChild(要删除子节点);