window.onload 必须等到页面内包括图片的所有元素加载完毕后才能执行. ------> 不能写多个 (如果有多个, 只会执行一个)
$(document).ready() 是 DOM 结构绘制完毕后就执行, 不必等到加载完毕. -------> 可以写多个 ----> 同 $(function(){});
- $(document).ready(function(){
- // 执行代码
- });
或者
- $(function(){
- // 执行代码
- });
- $(document).ready(function(){
- ...
- });// 这个时候, 不一定要等所有的 js 和图片加载完毕, 就可以执行一些方法, 不过有些时候, 必须要等所有的
- // 元素都加载完毕, 才可以执行一些方法的时候, 比如说, 部分图片或者什么其他方面还没有加载好, 这个时候, 点击某些按钮, 会导致出现意外的情况, 这个时候, 就需要用到:
- $(window).load(function ()
- {
- $("#btn-upload").click(function ()
- {
- // 比如说:
- uploadPhotos();
- });
- });
来源: http://www.bubuko.com/infodetail-2617786.html