宜昌本地软件开发与弱电工程服务商
项目咨询 · 快速响应
您当前的位置： > 博客2 > Html5技术

[html5]什么是 Web Worker？

2016-10-13 00:16:48 点击量:8 标签: 收藏本文

什么是 Web Worker？

当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。

web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。

检测 Web Worker 支持

在创建 web worker 之前，请检测用户的浏览器是否支持它：

  1. if(typeof(Worker)!=="undefined") 
  2.   { 
  3.   // Yes! Web worker support! 
  4.   // Some code..... 
  5.   } 
  6. else 
  7.   { 
  8.   // Sorry! No Web Worker support.. 
  9.   } 

完整的 Web Worker 实例代码

我们已经看到了 .js 文件中的 Worker 代码。下面是 HTML 页面的代码：

实例

  1. <!DOCTYPE html> 
  2. <html> 
  3. <body> 
  4.  
  5. <p>Count numbers: <output id="result"></output></p> 
  6. <button onclick="startWorker()">Start Worker</button> 
  7. <button onclick="stopWorker()">Stop Worker</button> 
  8. <br /><br /> 
  9.  
  10. <script> 
  11. var w; 
  12.  
  13. function startWorker() 
  14. { 
  15. if(typeof(Worker)!=="undefined") 
  16. { 
  17.   if(typeof(w)=="undefined") 
  18.     { 
  19.     w=new Worker("demo_workers.js"); 
  20.     } 
  21.   w.onmessage = function (event) { 
  22.     document.getElementById("result").innerHTML=event.data; 
  23.   }; 
  24. } 
  25. else 
  26. { 
  27. document.getElementById("result").innerHTML="Sorry, your browser 
  28.  does not support Web Workers..."; 
  29. } 
  30. } 
  31.  
  32. function stopWorker() 
  33. { 
  34. w.terminate(); 
  35. } 
  36. </script> 
  37.  
  38. </body> 
  39. </html> 
上一篇： [html5]新标签canvas的知识点总结整理
下一篇： [html5]HTML5什么是应用程序缓存（Application Cache）
ABOUT US
宜昌农人网络科技有限公司

我们是一家提供综合软件外包与弱电工程服务的技术公司。

业务涵盖定制软件、管理系统、网站、小程序、APP、系统集成、网络布线、监控安防、门禁、机房建设及长期技术维护。

公司地址：湖北省宜昌市伍家岗区东站二路6号三峡（宜昌）大数据产业园海洋馆二楼A203室