通过html属性处理事件,事件处理函数作为HTML属性.html

事件处理脚本程序

window.onload=preload;//窗口属性调用函数

function preload(){

var linkId=document.getElementById("linkId");

lz=new Array();//全局变量

lz[0]=new Image();//预加载图片

lz[0].src="images/biaoqing (1).jpg";

lz[1]=new Image();

lz[1].src="images/biaoqing (6).jpg";

linkId.onmouseover=action;//连接上的事件属性，action是事件函数作为链接linkID的属性

linkId.onmouseout=reaction;//同上

}

function action(){

document.images["face"].src=lz[0].src;

//body.style.backgroundColor="black";

document.getElementById("xx").style.backgroundColor="white";

}

function reaction(){

document.images["face"].src=lz[1].src;

document.getElementById("xx").style.backgroundColor="#ebebeb";

}

body{margin: 100px auto;width: 600px;background-color: #ebebeb;}

img{margin: 0 auto;display: block;}

本javascript实现了HTML与js完全分离

一键复制

编辑

Web IDE

原始数据

按行查看

历史