HTML5 Web Workers-KeepStudy

HTML5 Web Workers

web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。

您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。

##### 创建 web worker 文件
我们创建了计数脚本。该脚本存储于 "demo_workers.js" 文件中：
```javascript
 var i=0;
 function timedCount() {
 i=i+1;
 postMessage(i);
 setTimeout("timedCount()",500);
 }
 timedCount(); 
```

##### 完整的 Web Worker 实例代码
```html
<!DOCTYPE html>
<html>
<body>
<p>Count numbers: <output id="result"></output></p>
<button onclick="startWorker()">Start Worker</button>
<button onclick="stopWorker()">Stop Worker</button>

function stopWorker(){
   //终止 Web Worker
    w.terminate();
}
</script>
</body>
</html>
```

##### Web Workers 和 DOM
- 由于 web worker 位于外部文件中，它们无法访问下例 JavaScript 对象：
window 对象
document 对象
parent 对象

顶部

HTML5

目录

相关推荐