页面加载前执行js函数

在网上找了例子，说是document.addEventListener("DOMContentLoaded", init, false);是在页面加载前执行的方法，但是我再页面js里面使用了3个方法，分别是：
document.addEventListener("DOMContentLoaded", function () { alert("1"); }, false);
$(function () { alert("2"); });
$(document).ready(function () {alert("3");});
可弹出来的框为什么会是：2-->3-->1
而且load事件和onready的执行先后顺序的也 查了下，说是：ready事件先于load事件被激活，在加上addEventListener事件，那应该加载的顺序是：1-->3-->2的啊，可为什么会是2-->3-->1呢？？？求指导

尽管如楼上所说，在body的onload事件中写
但是我还是要提醒一下，不同的浏览器对于body的onload事件有不同的解释，能不能执行是个问题。现在一些浏览器可以执行，有的却不能，因为body的onload事件是由于ie 的原因，但是有些浏览器在执行起来却会出现问题。。最好是办法就是
<script type="text/javascript">
window.onload=function()//用window的onload事件，窗体加载完毕的时候
{
//do something
}
</script>
另外说明一下，就算你用body的onload事件，也最好加上JavaScript
body onload="javascript:XXX()"
因为，ie和火狐对于这两个写法解释是不一样的，ie默认是JScript，火狐等新兴浏览器默认是JavaScript，至于JScript和JavaScript有什么不同，两个之间差异很大，对于有些方法两个是可以共用的，但是很多都不能共用，又因为现在的浏览器都支持JavaScript，但是只有ie支持JScript，所以，最好加上。。。希望对你有帮助，有什么不懂的可以网上查查，很多资料都可以看看

温馨提示：内容为网友见解，仅供参考

当前网址：https://22.t2y.org/zz/cxx6sfs6xsfssx66sx6.html