方式有：

1. onload="bodyonload()"

function bodyonload(){console.log('body标签内onload 方式执行')
}

$(window).load(function () {console.log('$(window).load(function(){}) 方式执行')})

window.onload = function () {console.log('window.onload 方式执行')
}

$(document).ready(function () {console.log('$(document).ready(function(){}) 方式执行')
})

$(function () {console.log('$(function(){}) 方式执行')
})

• 第一种，在标签上静态绑定onload事件，等待body加载完成，就会执行bodyonload()方法，也就是在网页加载完成后执行。
• 第2种和第3种都是等到整个window加载完成执行方法体。两者也没有区别，只是第四种使用dom对象，第三种使用jQuery对象。
• 第4种和第5种本质上没有区别，第5种是第4种的简写方式。两个是document加载完成后就执行方法。

示例1：

结果：

示例2：

waibu.js

$(document).ready(function () {console.log('外部$(document).ready(function(){}) 方式执行')
})$(function () {console.log('外部$(function(){}) 方式执行')
})function bodyonload(){console.log('body标签内onload 方式执行')
}

结果：

window.onload = function(){}会覆盖第5种：方式，即使用第四种方式，第五种方式就会失效。因此，上图的运行结果中没有方式的运行结果。

示例3：

waibu.js

$(document).ready(function () {console.log('外部$(document).ready(function(){}) 方式执行')
})$(function () {console.log('外部$(function(){}) 方式执行')
})

结果：

原因：

示例4：

waibu.js

$(document).ready(function () {console.log('外部$(document).ready(function(){}) 方式执行')
})$(function () {console.log('外部$(function(){}) 方式执行')
})

结果：

示例5：

waibu.js

$(document).ready(function () {console.log('外部$(document).ready(function(){}) 方式执行')
})$(function () {console.log('外部$(function(){}) 方式执行')
})

结果：

jQuery的$(function){})和jquery的$(document).ready(function(){});无论位置放置在哪里，总是优先其余三种方式（原因是：这两种方式是在document加载完成后就执行，后三种是等到整个window页面加载完成后才执行），这两者之间的执行顺序是谁在上方谁优先执行。