脚本宝典收集整理的这篇文章主要介绍了JavaScript事件概念详解(区分静态注册和动态注册)，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
什么是事件？事件是电脑输入设备与页面进行交互的响应，我们称之为事件
什么是事件的注册（绑定）？
其实就是告诉浏览器，当事件响应后要执行哪些操作代码，叫事件注册或事件绑定。
事件的注册又分为静态注册和动态注册两种
动态注册基本步骤：
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 事件的资料请关注脚本宝典其它相关文章！
以上是脚本宝典为你收集整理的JavaScript事件概念详解(区分静态注册和动态注册)全部内容，希望文章能够帮你解决JavaScript事件概念详解(区分静态注册和动态注册)所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。