加载事件

Posted on Posted in js
Tips: 本文创建于2014年7月6日,已超过 2 年,内容或图片可能已经失效!

[code lang="html"]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />

<script type="text/javascript" src="jquery-2.1.0.js"></script>

<script type="text/javascript">
//jquery方式实现加载事件

//$(fn);,该加载事件是对第三种加载事件的封装
//第一种
$(function() {
alert('1234');
});

//第二种加载事件
$().ready(function() {
alert('abcd');
});

//第三种加载事件
$(document).ready(function() {
alert('hello');
});

//以下情况只会输出最后的6789,前两个都被覆盖掉了
window.onload = function() {
alert(1234);
}
window.onload = function() {
alert(4567);
}
window.onload = function() {
alert(6789);
}
</script>

<style type="text/css">
</style>
</head>

<body>
<h2>加载事件</h2>
<img src="1h.jpg" alt="" width="300" height="200" />
</body>
</html>
[/code]

» 转载请注明来源:若我若鱼 » 加载事件

Leave a Reply

Your email address will not be published. Required fields are marked *

5 × 5 =