改成這樣來看

<script>

? ? window.addEventListener("load", function() {

? ? ? ? show('load事件回調')

? ? }, false);

? ? document.addEventListener("DOMContentLoaded", function() {

? ? ? ? show('DOMContentLoaded回調')

? ? }, false);

</script>

<script src="http://img1.sycdn.imooc.com//down/540812440001e40e00000000.js" type="text/javascript"></script>

<script>

? ? show('觀察腳本加載的順序')

? ? show('腳本解析一')

? ? //測試加載

? ? $(function(){

? ? ? ? show('腳本解析二')

? ? })

? ? show('腳本解析三')

</script>

(function?()?{
	var?succsee?=?function?()?{
		ready.fun()
	};
	function?ready(fun)?{
		if(ready.fun){
			var?ofun?=?ready.fun;
			ready.fun?=?function?()?{
				ofun();
				fun();
			}
			console.log(ready.fun)
		}else{
			ready.fun?=?fun;
		}
	}
	document.addEventListener('DOMContentLoaded',succsee,false)
	window.ready?=?ready;
})()

簡單的猜測了一下$.ready事件,在加載JQuery時就給document的DOMContentLoaded事件綁定complete(success)函數,函數complete(success)再執行你想執行的函數,而不是直接給document的DOMContentLoaded事件綁定你想要的函數

先加載的JQuery后調用的document.addEventListener添加DOMContentLoaded。