jQuery之load事件

jQuery中的load事件表示对象加载完之后执行。以下为页面内容：

 1 <!doctype html>
 2  <html lang="en">
 3  　　<head>
 4  　　　　<meta charset="UTF-8"/>
 5  　　　　<title>jQuery training</title>
 6  　　</head>
 7  　　<body>
 8  　　　　<img id="image" src="images/wrapper.png"/>
 9  　　　　<script type="text/javascript" src="js/jQuery.js"></script> 
10  　　　　<script type="text/javascript" src="js/ext.js"></script>
11  　　</body>
12  </html>

1. js目录下的ext.js文件内容为：

1 $("#image").load(function(){
2　　　　alert("Image loaded.");
3 });

注：页面内容中的图片元素对象加载完之后（图片已显示完）显示消息框。

2.js目录下的ext.js文件内容为：

1 $(window).load(function(){
2　　 alert("window loaded.");
3 });

注：打开浏览器对象显示消息框。

posted @ 2012-06-03 23:12  ぷ黑旋风ぷ  阅读(167)  评论(0)  编辑  收藏  举报