js改变标签属性与js事件

一、

 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

原文地址:https://www.cnblogs.com/yangzhiqiang/p/9879007.html