js用法

Posted 2021-01-14 Web引领者

　　属性（attribute）

　　function fn(){

　　　　　　console.log(123)

　　　　}

　　fn()

　　var a=fn()                 将函数fn()调用结果赋值给a

　　1.函数都有返回值

　　而方法的本质也是函数，所以也有返回值

　　1）获取标签

　　document.getElementById()                                 通过id获取

　　document.getElementByClassName()                  通过class

　　document.getElementByTagName()                       通过标签

　　2）改变标签属性

　　var pic=document.getElementByTagName("img");

　　　　pic[0].src="01.jpg";

　　3) 改变样式属性

　　　　元素.样式.css属性名="属性值"；

　　　列：pic[0].style.width="100px";

　　dom事件（用户在网页中触发的行为）     比如：点击、鼠标滑动、键盘、表单等

　　鼠标滑动的效果

　　点击 ：onclick

　　鼠标进入：onmouseenter

　　鼠标离开：onmouseleave

　　鼠标悬浮：onmouseover

　　鼠标移除：onmouseout

　　鼠标移动：onmousemove

　　鼠标按下：onmousedown

　　鼠标抬起：onmouseup

　　表单聚焦：onfocus

　　表单失去焦点：onblur

　　表单内容修改：onchange

　　浏览器加载完成: onload

　　事件的使用方法必须跟一个函数配合

　　1.事件，将事件当作标签属性使用     例如<img src="01.jpg"    onclick="alert(123)"  />

　　2.通过事件绑定，将事件当成元素的属性

　　　　pic[0].onclick=function(){

　　　　　　alert(456)

　　　　　　}

　　因为class也是js的关键字

　　　　所以获取class这个属性时必须使用ClassName来修改、获取