js改变标签属性于js事件

Posted 2021-01-16 web大师·杨

一、

　1.js中是如何改变标签属性的？

　　元素.属性名

　列：要用js改变img标签src属性的属性值，可以这样写

　　var img=document.getElementById("img")

　　img.src="新图片路径"

　　这样就可以了

　2.js添加和修改css样式

　　用style来完成

　　div.style.width="200px"

二、js事件

　　js常用的事件有很多，必须要牢记js中的事件，然后合理使用

　　鼠标事件

属性	描述
onclick	点击事件
oncontextmenu	鼠标右击事件
ondblclick	双击事件
onmousedown	鼠标按下
onmouseup	鼠标松开
onmouseenter	鼠标进入
onmouseleave	鼠标离开
onmousemove	鼠标移动
onmouseover	鼠标进入
onmouseout	鼠标离开

　　键盘事件

属性	描述
onkeydown	键盘按键被按下
onkeypress	键盘按键按下并松开
onkeyup	键盘按键被松开

　　框架/对象（Frame/Object）事件

属性	描述
onabort	图像的加载被中断
onbeforeunload	该事件在即将离开页面（刷新或关闭）时触发
onerror	在加载文档或图像时发生错误
onhashchange	该事件在当前 URL 的锚部分发生修改时触发
onload	一张页面或一副图像完成加载时触发
onpageshow	该事件在用户访问页面时触发
onpagehide	该事件在用户离开当前网页跳转到另外一个页面时触发
onresize	窗口或框架被重新调整大小。
onscroll	当文档被滚动时发生的事件。
onunload	用户退出页面。

　　表单事件

属性	描述
onblur	表单失焦
onchange	表单内容改变时触发
onfocus	表单获取焦点
onfocusin	元素即将获取焦点时触发
onfocusout	元素即将失去焦点时触发
oninput	用户在表单输入内容时触发
onreset	表单重置时触发
onsearch	用户向搜索域输入文本是触发
onselect	用户选取文本时触发
onsubmit	表单提交时触发

　　除此之外还有好多事件，以后再补充

 

QQ：2239081756

微信：14797499722