js基础

####停止定时器
var timeId=setInterval(方法名，时间间隔)；
clearInterval(timeId);

#####setTimeout(方法名，时间间隔)
只做一次

###DOM
文档对象模型，学习DOM主要用于对页面中的元素进行增删改查操作
####查找元素
-通过id查找
var x=document.getElementById(“id”);
-通过标签名查找元素
var imgs=document.getElementsByTagName(“img”)
通过class查找元素
var divs=document.getElementsByClassName(“c1”);
通过name属性值查找
var arr=document.getElementsByName(“gender”);
####创建元素
var div=document.createElement(“div”);
-添加元素到最后 document.body.appendChild(div);
插入元素 父元素.insertBefore(新元素，弟弟元素)
-删除元素 父元素.removeChild(被删除的元素对象)；

######js中的事件处理
-事件包括：鼠标事件，键盘事件，状态改变事件
-鼠标事件：点击事件：onclick 鼠标移入：onmousecver鼠标移出
onmouseout 鼠标按下：onmousedown 鼠标松开：onmouseup
鼠标移动：onmousemove

-键盘事件：键盘按下：onkeydown 键盘松开onkeyup
-状态改变事件：onchange(value值改变事件)
onload(页面加载完成事件)
onfocus(获取焦点事件)
onblur(失去焦点事件)
onsubmit(表单提交事件)
onresize(窗口尺寸改变事件)
##事件的绑定
1.在元素内部添加事件

2.通过js代码动态绑定
####事件的取消
在事件中执行 return false;则可以取消当前的事件

####Event事件对象
event对象保存在和事件相关的信息
在鼠标事件中通过event可以得到鼠标的坐标 event.clientX/Y
在键盘事件中通过event可以的到键盘每个建的编码 event.keyCode
在事件中两种方式得到事件源

1.在标签内把事件源传递到方法中 οnclick=“myfn（this）”
2.通过event对象获取事件源event.target (target目标)
####事件冒泡（事件传递）
如果一个区域内有多个元素的事件响应，则响应顺序是从最底下的元素往上级元素传递
，这个传递过程类似旗袍从上到下，所以称为事件冒泡
应用场景：如果页面中的多个元素需要添加事件，只需要在多个元素共同的祖先
元素上添加事件，则多个元素都具备点击事件，通过event获取事件源来区分到底点的
是哪一个