前端基本功—javascript 第四天
两个小循环
循环 for(初始化; 条件; 增量){}
while() 当 do {} while()
while(条件) { 语句 }
do while 至少执行一次 while 不一定
多分支语句 switch
switch 跟 if else if else if else 几乎一样的 但是switch效率更好。
作用其实就是 ： 多选1 从多个里面选1个 。
语法格式：
switch(参数)
{
case 参数1：
语句;
break; 退出的意思
case 参数2：
语句;
break; 退出的意思
........
default: 默认的
语句;
}
下拉菜单的事件 onchange
sele.onchange = function(){}
当改变的时候 事件
数组常用方法
添加 数组
push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。
push 推进去 放
var arr =[1,3,5] → arr.push(7) → 结果变成 : [1,3,5,7];
unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度
var arr = [1,3,5] → arr.unshift(0) → 结果变成 [0,1,3,5]
注意
删除数组内容
pop() 移除最后一个元素
返回值 是 返回最后一个值
var arr = [1,3,5] → arr.pop() → 结果 [1,3]
shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值
var arr = [1,3,5] → arr.shift() → 结果 [3,5]
连接两个数组
concat()
该方法用于连接两个或多个数组。它不会改变现有的数组，而仅仅会返回被连接数组的一个副本
join() 把数组转换为字符串
join()
作用是将数组各个元素是通过指定的分隔符进行连接成为一个字符串。
语法
arrayObject.join(separator)
数组名.join(符号)
数组转换为字符串
把字符串转换为数组 split()
join <=> split
split() 方法用于把一个字符串分割成字符串数组
语法
stringObject.split(separator,howmany)
参数 separator 可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。
howmany 可选。该参数可指定返回的数组的最大长度
DOM (重点)
文档对象模型（DOM） 学习的重点
处理网页内容的方法和接口
浏览器对象模型（BOM） 了解一下
与浏览器交互的方法和接口
DOM 树
节点
标签 标记 元素 节点
访问节点
getElementById() id 访问节点
getElementsByTagName() 标签访问节点
getElementsByClassName() 类名 有兼容性问题
主流浏览器支持 ie 67 8 不认识
怎么办？ 我们自己封装自己的 类 。
封装自己class类
访问关系
dom 的节点操作
新建节点 插入节点 删除节点 克隆节点 等等
创建节点
上面的意思就是 生成一个新的 li 标签
插入节点
appendChild(); 添加孩子 append 添加的意思
意思： 添加孩子 放到盒子的 最后面。
insertBefore(插入的节点，参照节点) 子节点 添加孩子
写满两个参数
放到了第一个孩子的前面
如果第二个参数 为 null 则 默认这新生成的盒子放到最后面。
移除节点
removeChild() 孩子节点
克隆节点
cloneNode();
复制节点
括号里面可以跟参数 ， 如果 里面是 true 深层复制， 除了复制本盒子，还复制子节点
如果为 false 浅层复制 只复制 本节点 不复制 子节点。
