这里只介绍几个项目中用的比较频繁的事件类型。
1. load事件
当页面完全加载后(包括所有图像、JS文件、css文件等外部资源
)就会触发该事件。
有两种定义onload
事件处理程序的方式。
- 第一种方式:window上绑定
EventUtil.addHandler(window , "load" ,function(event){
console.log("loaded!!")
})
使用了之前的兼容模式对象的方法,给
window
绑定了load
事件,点击查看EventUtil.addHandler
- 第二种方式:body上添加onload特性
<html>
<head>
<title>loaded</title>
</head>
<body onload="alert("loaded!!")" >
</body>
</html>
一般在window上面发生的任何事件都可以在<body>元素中通过响应的特性来指定,但是不推荐,这两种都是页面加载完毕执行的逻辑。
- 在图像上面也可以触发
load
事件
<img src="xxx" onload="alert("Image loaded!!")" >
var image = document.getEmentById('myImage');
EventUtil.addHandler(image , "load" ,function(event){
console.log("loaded!!")
})
网友评论