首先說明一下load事件與ready事件的區別

HTML文件載入順序：

①       解析HTML結構

②       載入外部指令碼和樣式表文件

③       解析並執行指令碼程式碼

④       構造HTML DOM模型

⑤       載入圖片等外部檔案

⑥       頁面載入完畢

Load事件是在頁面載入完畢後觸發；ready事件是在DOM模型構造完畢，載入外部檔案前觸發；

JQuery的ready事件實際上是對IE的readystatechange事件和DOM的DOMContentLoaded事件進行封裝，這兩事件都是在DOM樹結構下載並解析完畢後觸發。程式碼如下：

 <script>
	var $ = ready = window.ready = function(fn){
		if(document.addEventListener){//相容非IE
			document.addEventListener("DOMContentLoaded",function(){
				//登出事件，避免反覆觸發
				document.removeEventListener("DOMContentLoaded",arguments.callee,false);
				fn();//呼叫引數函式
			},false);
		}else if(document.attachEvent){//相容IE
			document.attachEvent("onreadystatechange",function(){
				if(document.readyState==="complete"){
					document.detachEvent("onreadystatechange",arguments.callee);
					fn();
				}
			});
		}
	}

	$(function(){alert("ok1");});
  </script>
 

另附1：document.readyState屬性

document.readyState:判斷文件是否載入完成。firefox不支援。

這個屬性是隻讀的，傳回值有以下的可能：

0-UNINITIALIZED：XML 物件被產生，但沒有任何檔案被載入。
1-LOADING：載入程式進行中，但檔案尚未開始解析。
2-LOADED：部分的檔案已經載入且進行解析，但物件模型尚未生效。
3-INTERACTIVE：僅對已載入的部分檔案有效，在此情況下，物件模型是有效但只讀的。
4-COMPLETED：檔案已完全載入，代表載入成功。

另附2：幾個重要屬性方法

一、Arguments
該物件代表正在執行的函式和呼叫他的函式的引數。
[function.]arguments[n]
引數function ：選項。當前正在執行的 Function 物件的名字。
n ：選項。要傳遞給 Function 物件的從0開始的引數值索引。
說明：Arguments是進行函式呼叫時，除了指定的引數外，還另外建立的一個隱藏物件。
Arguments是個類似陣列但不是陣列的物件，說他類似陣列是因為其具備陣列相同的訪問性質及方式，能夠由arguments[n]來訪問對應的單個引數的值，並擁有陣列長度屬性length。還有就是arguments物件儲存的是實際傳遞給函式的引數，而不侷限於函式宣告所定義的引數列表，而且不能顯式建立 arguments 物件。
在此添加了一個說明arguments不是陣列(Array類)的程式碼:
Array.prototype.selfvalue = 1;
alert(new Array().selfvalue);
function testAguments(){
        alert(arguments.selfvalue)；
}
執行程式碼您會發現第一個alert顯示1，這表示陣列物件擁有selfvalue屬性，值為1，而當您呼叫函式testAguments時，您會發現顯示的是“undefined”，說明了不是arguments的屬性，即arguments並不是個數組物件。

二、caller
返回一個對函式的引用，該函式呼叫了當前函式。
   functionName.caller
   functionName 物件是所執行函式的名稱。
說明：對於函式來說，caller 屬性只有在函式執行時才有定義。假如函式是由頂層呼叫的，那麼 caller 包含的就是 null 。假如在字串上下文中使用 caller 屬性，那麼結果和 functionName.toString 相同，也就是說，顯示的是函式的反編譯文字。
下面的例子說明了 caller 屬性的用法：
function callerDemo() {
  if (callerDemo.caller) {
      var a= callerDemo.caller.toString()；
      alert(a)；
 } else{
    alert("this is a top function")；
 }
}
function handleCaller() {
    callerDemo();
}
三、callee
返回正被執行的 Function 物件，也就是所指定的 Function 物件的正文。
[function.]arguments.callee
可選項 function 引數是當前正在執行的 Function 物件的名稱。
說明：callee 屬性的初始值就是正被執行的 Function 物件。
callee 屬性是 arguments 物件的一個成員，他表示對函式物件本身的引用，這有利於匿名函式的遞迴或確保函式的封裝性，例如下邊示例的遞迴計算1到n的自然數之和。而該屬性僅當相關函式正在執行時才可用。更有需要注意的是callee擁有length屬性，這個屬性有時候用於驗證還是比較好的。arguments.length是實參度，arguments.callee.length是形參長度，由此能夠判斷呼叫時形參長度是否和實參長度一致。

//callee能夠列印其本身
function calleeDemo() {
  alert(arguments.callee);
}
//遞迴計算
var sum = function(n){
  if (n <= 0) return 1;
  else return n ＋arguments.callee(n - 1)
}
比較一般的遞迴函式：
var sum = function(n){
  if (1==n) return 1;
  else return n + sum (n-1);
}
呼叫時：alert(sum(100));
其中函式內部包含了對sum自身的引用，函式名僅僅是個變數名，在函式內部呼叫sum即相當於呼叫一個全域性變數，不能很好的體現出是呼叫自身，這時使用callee會是個比較好的方法。

四、apply and call
他們的作用都是將函式繫結到另外一個物件上去執行，兩者僅在定義引數方式有所區分：
     apply(thisArg,argArray);
     call(thisArg[,arg1,arg2…] ]);
即任何函式內部的this指標都會被賦值為thisArg，這可實現將函式作為另外一個物件的方法執行的目的
apply的說明：假如 argArray 不是個有效的陣列或不是 arguments 物件，那麼將導致一個 TypeError。
假如沒有提供 argArray 和 thisArg任何一個引數，那麼 Global 物件將被用作 thisArg，並且無法被傳遞任何引數。
call的說明：call 方法可將一個函式的物件上下文從初始的上下文改變為由thisArg指定的新物件。
假如沒有提供thisArg引數，那麼Global物件被用作thisArg
相關技巧：應用call和apply有一個技巧在裡面，就是用call和apply應用另一個函式（類）以後，當前的
函式（類）就具備了另一個函式（類）的方法或是屬性，這也能夠稱之為“繼承”。看下面示例:

// 繼承的演示
function base() {
  this.member = " dnnsun_Member";
  this.method = function() {
     window.alert(this.member);
  }
}
function extend() {
  base.call(this);
  window.alert(member);
  window.alert(this.method);
}
上面的例子能夠看出，通過call之後，extend能夠繼承到base的方法和屬性。
順便提一下，在javascript框架prototype裡就使用apply來建立一個定義類的模式，
其實現程式碼如下：
var Class = {
  create: function() {
    return function() {
      this.initialize.apply(this, arguments);
    }
  }
}
解析：從程式碼看,該物件僅包含一個方法：Create，其返回一個函式，即類。但這也同時是類的建構函式，其中呼叫initialize，而這個方法是在類建立時定義的初始化函式。通過如此途徑，就能夠實現prototype中的類建立模式