web worker 是运行在后台的 JavaScript，不会影响页面的性能。
当在 HTML 页面执行脚本时，页面的状态是不可响应的，直到脚本已完成。
web worker 是运行在后台的 JavaScript ，独立于其他脚本，不会影响页面的性能。
你可以继续做任何愿意做的事情：点击，选区内容等等，而此时 web worker 在后台运行。
IE10, Firefox, Chrome, Safari 和 Opera 都支持Web workers。
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>javascript</title> 6 <style type="text/css"> 7 </style> 8 </head> 9 <body> 10 <p>计数： <output id="result"></output></p> 11 <button onclick="startWorker()">开始工作</button> 12 <button onclick="stopWorker()">停止工作</button> 13 </body> 14 </html> 15 <script type="text/javascript"> 16 function startWorker() { 17 //检测浏览器是否支持 web worker 18 if(typeof(Worker) !== "undefined") { 19 //检测是否存在 worker ，如果不存在，创建一个新的 worker 对象，然后运行demo_workers.js的代码。 20 //然后就可以从 web worker 发生和接收消息。 21 if(typeof(w) == "undefined") { 22 w = new Worker("demo_workers.js"); 23 } 24 //web worker 添加一个事件监听器 25 w.onmessage = function(event) { 26 document.getElementById("result").innerHTML = event.data; 27 }; 28 } else { 29 document.getElementById("result").innerHTML = "抱歉，你的浏览器不支持 Web Workers..."; 30 } 31 } 32 //终止web worker 33 //当我们创建 web worker 对象后，它会继续监听消息即在外部脚本完成之后直到其被终止为止。 34 //如需终止 web worker，并释放浏览器/计算机资源，请使用 terminate() 方法 35 function stopWorker() { 36 w.terminate(); 37 w = undefined; 38 } 39 </script>
1 var i=0; 2 3 function timedCount() 4 { 5 i=i+1; 6 postMessage(i);//向HTML页面传回一短消息 7 setTimeout("timedCount()",500); 8 } 9 10 timedCount();
web worker通常不用于如此简单的脚本，而是用于更耗费 CPU 资源的任务。
web worker 和 DOM
由于 web worker 位于外部文件中，它们无法访问下例 JavaScript 对象：
- window 对象
- document 对象
- parent 对象