Web Worker 案例
阿新 • • 發佈：2017-08-11
是的 doctype type 是否 doc oct intern func document
{
// 是的! Web worker 支持!
// 一些代碼.....
}
else
{
//抱歉! Web Worker 不支持
}
什麽是 Web Worker？
當在 HTML 頁面中執行腳本時，頁面的狀態是不可響應的，直到腳本已完成。
web worker 是運行在後臺的 JavaScript，獨立於其他腳本，不會影響頁面的性能。您可以繼續做任何願意做的事情：點擊、選取內容等等，而此時 web worker 在後臺運行。
檢測瀏覽器是否支持 Web Worker
在創建 web worker 之前，請檢測用戶的瀏覽器是否支持它：
if(typeof(Worker)!=="undefined"){
// 是的! Web worker 支持!
// 一些代碼.....
}
else
{
//抱歉! Web Worker 不支持
}
<!DOCTYPE html> <html> <head><meta charset="utf-8"> <title>菜鳥教程(runoob.com)</title> </head> <body> <p>計數： <output id="result"></output></p> <button onclick="startWorker()">開始工作</button> <button onclick="stopWorker()">停止工作</button> <p><strong>註意：</strong> Internet Explorer 9及更早 IE 版本瀏覽器不支持 Web Workers.</p> <script> var w; function startWorker() { if(typeof(Worker) !== "undefined") { if(typeof(w) == "undefined") { w = new Worker("demo_workers.js"); } w.onmessage = function(event) { document.getElementById("result").innerHTML = event.data; }; } else { document.getElementById("result").innerHTML = "抱歉，你的瀏覽器不支持 Web Workers..."; } } function stopWorker() { w.terminate(); w = undefined; } </script> </body> </html>
Web Worker 案例