HTML5 網路工作者
Web Workers
在html5規格中引入了web workers概念，解決客戶端JavaScript無法多執行緒的問題，其定義的worker是指程式碼的平行線程，不過web worker處於一個自包含的環境中，無法存取主線程的window對象和document對象，和主線程通訊只能透過非同步訊息傳遞機制
我們需要把希望單獨執行的javascript程式碼放到一個單獨的js檔案中，然後在頁面中呼叫Worker建構函式來建立一個線程，參數是該檔案路徑，參數存放如果是相對位址，那麼要以包含呼叫Worker建構函式語句所在腳本為參照，如果是絕對路徑，需要保證同源（協定+主機+連接埠）。這個檔案不需要我們在頁面使用script標籤顯示引用
var worker=new Worker('js/worker.js');
<!DOCTYPE html>
<html>
<head>
<title>Web Workers</title>
</head>
<body>
<h1>Web Workers</h1>
<div id="test" style="width:500px;"></div>
<script type="text/javascript">
var worker=new Worker('js/worker.js');
worker.postMessage({
n:69
});
worker.onmessage=function(e){
var test=document.getElementById('test').innerHTML=e.data;
};
</script>
</body>
</html>/js/worker.jsfunction calc(n){
var result=[];
for(var i=1;i<10000;i++){
var tem=i;
if(i%n==0){
if(i%(10*n)==0){
tem+='<br/>';
}
result.push(tem);
}
}
self.postMessage(result.join(' '));
self.close();
}
onmessage=function(e){
calc(e.data.n);
};顯示效果：
var i=0;
function timedCount()
{
i=i+1;
postMessage(i);
setTimeout("timedCount()",500);
}
timedCount();
建立 Web Worker 物件
我們已經有了 web worker 文件，現在我們需要從 HTML 頁面呼叫它。下面的程式碼偵測是否存在worker，如果不存在，- 它會建立一個新的web worker 對象，然後執行"demo_workers.js" 中的程式碼：
##if(typeof (w)=="undefined"){
w=new Worker("demo_workers.js");
}
w.onmessage=function(event){ document.getElementById("result").innerHTML= event.data;
};
終止Web Worker
當我們建立web worker 物件後，它會繼續監聽訊息（即使在外部腳本完成之後）直到其被終止為止。 如需終止web worker，並釋放瀏覽器/電腦資源，請使用terminate() 方法：w.terminate();
#
