什么是事件?事件是电脑输入设备与页面进行交互的响应,我们称之为事件
什么是事件的注册(绑定)?
其实就是告诉浏览器,当事件响应后要执行哪些操作代码,叫事件注册或事件绑定。
事件的注册又分为静态注册和动态注册两种
动态注册基本步骤:
1、获取标签对象
2、标签对象.事件名= fucntion(){}
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>静态注册</title> <script type="text/javascript"> // onload 事件的方法 function onloadFun() { alert('静态注册onload 事件,所有代码'); } </script> </head> <!--静态注册onload 事件,onload 事件是浏览器解析完页面之后就会自动触发的事件,body标签的属性,通过这个属性注册--> <body οnlοad="onloadFun();"> </body> </html>
固定的写法,通过window.onload(){}方法,在大括号内调用方法的
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>动态注册</title> <script type="text/javascript"> // onload 事件动态注册。是固定写法 window.onload = function () { alert("动态注册的onload 事件"); } </script> </head> <body> </body> </html>
举例,从这个例子更好的体会两者定义的不同
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> function onclickFun() { alert("静态注册onclick 事件"); } </script> </head> <body> <!--静态注册onClick 事件,通过button的onclick属性--> <button onclick="onclickFun();">按钮1</button> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> window.onload = function () { //getElementById 通过id 属性获取标签对象 var btnObj = document.getElementById("btn01"); // 2 通过标签对象.事件名= function(){} btnObj.onclick = function () { alert("动态注册的onclick 事件"); } } </script> </head> <body> <button id="btn01">按钮2</button> </body> </html>
以上就是JavaScript事件概念详解(区分静态注册和动态注册)的详细内容,更多关于JavaScript 事件的资料请关注站长技术其它相关文章!
有时候我么您需要获取网址,端口、路径文件名、参数等,这里就为大家分享一下这...
前言: 今天这篇文章给大家介绍关于ajax的content-download时间过慢问题的解决与...
JSP开发中Apache-HTTPClient 用户验证的实例详解 前言: 在微服务框架之外的系统...
OCR光学字符识别OPTICAL CHARACTER RECOGNITION作为计算机视觉领域的经典问题之...
如往常一样, 客户发给我一个xml文件, 用来更新数码课堂日程安排——是一个js读...
微软确认, 将会在Win10 Build 19043.899(21H1)更新中,彻底从系统中删除经典...
来自:机器之心 最近在 GitHub 上最火的项目是一个对视力友好的十六进制编辑器,...
为什么我们需要它 不得不说,在知道这个命令的时,以及之后的使用中,我都超级热...
本文实例为大家分享了JSP+Servlet实现文件上传到服务器功能的具体代码,供大家参...
HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、...