javascript事件处理（重点）-02

事件处理（重点）

事件的处理指的是根据某一状态发生之后进行的反应，在事件处理之中会存在有事件源，以及事件的监听。
当监听到指定的事件之后会调用函数进行事件的处理。所以来讲JavaScript之中，针对于事件处理必须事件
源和处理函数，而函数都是由用户自己定义的
在HTML之中，所有的事件都会以onXxx的形式命名，例如，观察两个简单事件

页面加载事件：onload
页面卸载事件：onunload

范例：事件处理

很多时候onload事件是非常重要的，例如：在日后要学习的ExtJs框架，所有的代码都要求在onload事件之中进
行处理。页面加载往往会做许多的处理。
那么在进行鼠标处理的时候也可以进行鼠标的事件控制，鼠标事件分为如下几种

onmouseover:鼠标经过时触发
onmouseup:鼠标松开时触发
onmousedown:鼠标点击时触发
onmouseout:鼠标离开时触发
onmousemove:鼠标移动时触发

 

那么现在既然有了事件处理的基本概念，下面利用事件做一些动态的处理效果。例如：编写一个程序，
当鼠标经过过的时候自动替换为其它照片。
那么这个时候就必须采用一个“”作为图片元素的包裹元素，使用span包裹元素之后，往往需要
类型设置一个id，而后通过此id取得元素

Java属于面向对象的编程语言，面向对象过程之中，需要由用户自己定义类，自己产生对象。但是JavaScript
是一种基于对象的编程语言，即：所有的对象都已经由浏览器自动为用户提供好了，用户直接使用即可，最
典型的对象：每一个HTML元素都是一个对象。所有HTML定义的时候如果要想轻松的取得指定元素，必须加上有
ID属性，作为唯一标记。
当取得了span元素对象之后利用innerHTML取得数据

范例：观察元素取得




 




改变图片信息

范例：利用以上的操作实现图片的修改





 

οnmοuseοver="changePic()">