鼠标事件:
onclick:点击事件
onmouseover:鼠标放上
onmouseout:鼠标离开
ondbclick:双击
onmousedown: 鼠标按下
onmouseup: 鼠标抬起
onmousemove: 鼠标移动。
键盘事件:
OnkeyDown:键盘按下
OnkeyUp:键盘抬起
OnkeyPress:按键一次
表单事件:
Onsubmit:表单提交事件
Onreset:重置事件
Onfocus:获得焦点
Onblur:失去焦点
窗口事件
1)Onload,在网页一打开的时候发生(注意:必须是把所有东西都加载完成之后)
2)window.onload=init注意:函数名init之后没有括号
Event:是指之事件发生的时候(事件源)相关的一些信息
clientX:获得鼠标的X坐标
clientY:获得鼠标的Y坐标
event.target:事件源
在FF里面event需要在函数调用的时候当做参数传递进去
Js控制改变标签的html属性和Css属性
1) 首先获取标签
2) 找到对应的标签属性并赋值
1) HTML的标签属性设置
i. 取值var w=对象.HTML属性名
ii. 对象.HTML属性名=值
2) CSS属性设置
i. Var ab=对象.style.CSS属性名
ii. 对象.style.CSS属性名=值(字符串)
JS控制CSS属性语法
例如:
Var obj=document.getElementById(“d1”);//img标签
Var w=obj.width;//w保存的是200
Obj.width=w+20;=>w=w+20
Obj.width=obj.width+20
注意:从网页上获得的数据都是字符串
innerHTML和value对比
innerHTML:所有在这个对象之内的内容都是innerHTML的内容
value内容: 一般情况:input的时候都是value,双标签都需要用到innerHTML
Document.getElementById(“id”);通过这种方法可以获得这个id名的标签对象
Document.getElemetsByTagName(“标签名”)通过这种方法可以获得标签名的标签对象注意:这个时候获得的是数组形式的
Document.body:获得body这个对象
创建标签:
Document.createElement(“标签名”);
Var obj=document.ceateElement(“img”);
Document.body.appendChild(obj);
margin:不会触发事件
定时器:
1) 反复性定时器:格式:window.setInterval(“fn()”,1000);
a) 会反复执行
b) 第二个参数是以毫秒计算的
2) 一次性定时器:格式:window.setTimeout(“fn()”,1000);
a) 执行一次
b) 第二个参数是以毫秒计算的
清除定时器:
1) window.clearInterval();清除反复性定时器
2) window.clearTimeout();清除一次性定时器