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
 
                    
                     
                    
                 
                    
                 
                
            
         浙公网安备 33010602011771号
浙公网安备 33010602011771号 
