HTML5之通訊和多執行緒

html通訊

跨文件訊息傳輸

html5提供了在網頁文件之間相互接收和傳送資訊的功能，使用這個功能，只要獲取到網頁所在視窗物件的例項，不僅同源(域+埠)的網頁可以相互通訊，甚至可以實現跨域通訊。涉及到兩個window的api，window的message事件

window.addeventlistener("message",function(ev),false)
//或window.onmessage=function(ev)

其中ev是messageevent物件，它的其中幾個屬性：data：是訊息內容，timestamp：時間戳，origin：**url位址，source：**視窗物件。

另乙個就是window物件的postmessage方法了：

otherwindow.postmessage(data,targetorigin)

其中data是訊息文字，targetorigin是物件視窗的url位址(如"")，可以在url使用萬用字元「*」。otherwindow是視窗物件，可以是windows.open返回的物件，或通過window.frames陣列指定的序號(index)或名字獲取的單個frame所屬的視窗物件。

示例：主頁面是「和嵌入它的frame頁面「index.html」進行通訊，前者html**：

接收到的資訊：

後者

index.html

接收到的資訊：

效果

web socket通訊

請參考我的另一篇部落格，只是不用自己封裝伺服器了，現在很多web server都支援websocket了，如iis7、tomcat、apache、resin、nginx等等。

多執行緒

建立執行緒

在html5中增加了乙個web workers api，通過它可以實現web平台的多執行緒，你可以將耗時過長的處理交給後台執行緒(html5中稱為worker)執行，從而解決html5之前因為某個處理耗時過長而跳出乙個提示，導致使用者不得不結束或關閉瀏覽器的尷尬局面。

建立後台執行緒非常簡單，只需要在worker類構造器中獎需要在後台執行執行緒執行的指令碼件的url位址作為引數，然後建立worker物件就可以了，如

var worker=new worker('worker.js');

後台執行緒是不能訪問頁面或視窗物件的，因此需要前台和後台互傳資料，這有點類似上面的文件訊息傳輸，接收通過onmessage事件，傳送通過postmessage方法。

示例：後台指令碼是worker.js，**如下：

onmessage=function(ev)
postmessage(res); 
}

前台是index.html頁面，**如下：

的10次方=0

效果

執行緒中可使用的變數、函式與類

終止 web worker

當我們建立 web worker 物件後，它會繼續監聽訊息（即使在外部指令碼完成之後）直到其被終止為止。如需終止 web worker，並釋放瀏覽器/計算機資源，請使用 terminate() 方法

w.terminate();