JavaScript事件处理

最新推荐文章于 2024-10-18 11:12:30 发布

chihua0720

最新推荐文章于 2024-10-18 11:12:30 发布

阅读量115

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/u/3824456/blog/1788859

版权

广义上讲，JavaScript脚本语言中的事件是指用户载入目标页面到该页面被关闭期间浏览器的动作及该页面对用户操作的响应。事件的复杂程度大不相同，简单的如鼠标的移动、当前页面的关闭、键盘的输入等；复杂的有拖拽页面图片或单击浮动菜单等。

JavaScript处理事件的过程分为两个步骤

1、定义脚本语言可以处理事件

2、提供将这些事件连接到用户提供的JavaScript代码的标准方法

JavaScript处理事件

js脚本部分
-------------
window.onload=function(){
  alert('文档已加载完毕');
}
html部分
--------------
<html>
  <head><title>这是一个js事件</title></html>
     <script type='text/javascript' src='js'></script>
  </head>
  <body></body>
</html>

这段代码在页面加载完毕后会弹出一个对话框并提示“页面已加载完成”，当然也可以使用传统的事件绑定方式来实现此功能，代码如下：

<html>
  <head><title></title></head>
      <script type='text/javascript'>
           function showM(){
               alert('文档已加载完毕');
}
      </scrpit>
  </head>
  <body onload='showM();'></body>
</html>

采用onload的属性进行调用，这种方式也称之为手工触发。

转载于:https://my.oschina.net/u/3824456/blog/1788859