一、函数的预解析
全局预解析不能解析函数里面的变量;
二、函数的执行过程
1、找到函数的名字地址(函数入口);
2、实参给形参赋值;
3、函数内部预解析;
4、执行函数体的代码;
三、常见的事件
1、window事件
1)Onload:页面加载完执行;
2)Onscroll:滚动条滚动事件;
2、鼠标事件
1)Onclick:单击事件(鼠标按下,抬起事件的集合);
2)Ondbclick:双击事件;
3)Onmousedown:鼠标按下事件;
4)Onmouseup:鼠标抬起事件;
5)Onmouseover:鼠标移入事件;
6)Onmouseout:鼠标移出事件;
7)Onmousemove:鼠标移动事件;
3、键盘事件
只能绑定到window或input上;
1)Onkeydown:键盘按下事件;
2)Onkeyup:键盘抬起
4、触摸事件(移动端)
1)touchstart:用户将某个触摸点置于触摸界面之上
2)Touchmove:用户在触摸界面上移动
3)Touchend:触摸点离开了触摸区域
4)Touchcancel:触摸点的触摸动作被打断,或是触摸点个数超出了设备 所能处理的范围
5、表单事件
1)Onchange:内容改变事件(在失去焦点时候判断);
2)Oninput:输入事件(知道在输入,就会判断)
四、函数中的this
This指向调用函数的对象即当前对象;
五、给元素添加样式
语法:
元素.style.属性=”属性值”;
步骤:
1)获取元素节点;
2)添加样式;
六、添加class名或移出class名
添加class语法:
元素.className=”class名”;
例:
元素原本没有:
元素已有class:(推荐)
删除class语法:
元素.className=””;
七、排他思想
1、先清空所有的样式
2、再单独给需要的元素添加样式
八、tab选项卡
九、递归函数
概念:函数重点高级应用,自己调用自己。
死递归:函数中没有条件终止函数;
递归写法:
1)判断条件
2)需要执行的代码
3)变量更新
4)调用自己
十、回调函数
概念:把函数作为参数当成另一个函数的实参;
作用:外部想要使用内部的局部变量。
十一、随机数
语法:Math.random();
默认生成[0-1)的随机数。
生成0-10整数:pareInt(Math.random()*11);