jQuery之Document Ready Event 

1 $(document).ready(function(){
2 　　//write code to here
3 　　alert("Document is ready.");
4 });

以上代码表示文档加载之前执行。

怎么样测试以上代码证明文档加载之前执行呢？在页面中可以放一张图片（注：最好该图片为高分辩率的）。以下为页面代码：

 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 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>

js目录下的ext.js内容为：

1 $(document).ready(function(){
2 　　alert("先弹出此对话框，但图片还正在加载中。。。");
3 });
posted @ 2012-06-03 22:22  ぷ黑旋风ぷ  阅读(151)  评论(0)  编辑  收藏  举报