JS和HTML通过事件建立联系鼠标事件：Onclick:单击事件【点击事件】Onmouseover：鼠标放上Onmouseout：鼠标离开OnmouseDown鼠标按下OnmouseUp鼠标抬起Ondblclick双击Onmousemove鼠标移动表单：Onsubmit：提交事件Onfocus：获得焦点Onblur失去焦点Onreset重置事件键盘事件：OnkeyUp键盘抬起OnkeyDown键盘按下OnkeyPress：键盘按键一次Onload事件：当页面加载完成之后立即执行的事件Window.onload=函数名;这种写法后面没有括号
工具/原料
js
方法/步骤
1
1.Event对象：当事件发生的时候相关的信息Event.clientX;鼠标X坐标Event.clientY;鼠标的Y坐标Event.target;事件源在火狐中event对象需要在调用的时候传递到函数中【实际参数】当事件发生的时候会有一些信息，Function abc（e）{函数内部就可以直接用e.clientX}Abc（event）HTML和CSS属性的取值和赋值
2
2.HTML：取值：Var n=obj.HTML属性名赋值：Obj.HTML属性名=m;Css：取值var n=obj.style.CSS属性名=》【obj.style.margin】;【obj.style.borderBottom】赋值：obj.style.CSS属性名=》obj.style.margin=”30px”;注意：HTML的属性值，可以是数字也可以是字符串 CSS属性值：基本都是字符串
3
3.注意：大部分从网页上获得的内容都是字符串
4
4.innerHTML：是获得对象内所有的内容【包括汉字和标签】通过innerHMTL该文字
5
5.注意：一般情况下，单标签中的input都用的是value如果是双标签innerHTML修改内容移动瞄准案例：
6
6.案例：点出满天小星星1， JS不只是可以修改HTML标签，属性，还可以创建出来标签a) Document.createElement(“标签名”):b) 通过上述方法可以创建出标签2， JS可以吧标签加入到网页上a) Document.body.appendChild(对象)b) 通过上述方法可以把对象加入到body标签里面c) Document.body:获得body这个对象标签的外边距不会触发事件
上一篇：阿尔卑斯山在哪个国家
下一篇：怎么做人参的出口