欢迎来到站长教程网!

Javascript/Ajax

当前位置:主页 > 网页制作 > Javascript/Ajax >

JavaScript事件观念详解(区分静态注册和动态注册)

时间:2021-05-05|栏目:Javascript/Ajax|点击:

js中的事件

什么是事件?事件是电脑输入设备与页面举办交互的响应,我们称之为事件

事件范例

常用的事件

事件的注册

什么是事件的注册(绑定)?
其实就是汇报欣赏器,当事件响应后要执行哪些操纵代码,叫事件注册或事件绑定。
事件的注册又分为静态注册和动态注册两种

动态注册根基步调:

1、获取标签工具
2、标签工具.事件名= fucntion(){}

静态动态注册举例

onload 加载完成事件

<!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>

onclick单击事件

举例,从这个例子更好的体会两者界说的差异

<!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中的this指向问题

栏    目:Javascript/Ajax

下一篇:详解javascript剧本何时会被执行

本文标题:JavaScript事件观念详解(区分静态注册和动态注册)

本文地址:www.jiaocheng88.com.cn/JavaScript/61992.html

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:584415406 | 邮箱:584415406#qq.com(#换成@)

Copyright © 2015-2020 小白站长教程网 版权所有 苏ICP备20040415号-3