您的位置：首页 > Web前端 > JQuery

夺命雷公狗jquery---17页面载入的三种方法

2015-10-26 02:24 591 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery.js"></script>
<script>
//第一种方法
/*
$(document).ready(function(){
$('#btnok')[0].onclick = function(){
alert('hello world');
}
})
*/

/*
//第二种方法
$().ready(function(){
$('#btnok')[0].onclick = function(){
alert('2222222');
}
})
*/

//第三种方法
$(function(){
$('#btnok')[0].onclick = function(){
alert('33333');
}
})
</script>
</head>
<body>
<input type="button" id="btnok" value="点我" />
</body>
</html>

window.onload与ready方法区别？

答：在功能上两者功能是一致的，都是完成页面载入事件。但是，window.onload方法要等到页面DOM结构、图片以及外部资源全部加载载入完毕后，才开始执行，而ready当页面加载完DOM结构就会自动执行jQuery代码，可能图片或外部资源还没有加载完毕，就会立即执行，所以从速度上来讲，ready方法要快于window.onload方法。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航