html5 web workers的作用及使用场景

  web worker 是运行在后台的 JavaScript,不会影响页面的性能。
 
  当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。
 
  web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运行。
 
  Internet Explorer 10, Firefox, Chrome, Safari 和 Opera 都支持Web workers.

 
 
  下面的例子创建了一个简单的 web worker,在后台计数:
 
  demo_workers.js 文件代码:
 
  在创建 web worker 之前,请检测用户的浏览器是否支持它:
 
  现在,让我们在一个外部 JavaScript 中创建我们的 web worker。
 
  在这里,我们创建了计数脚本。该脚本存储于 “demo_workers.js” 文件中:
 
  以上代码中重要的部分是 postMessage() 方法 – 它用于向 HTML 页面传回一段消息。

 
 
  注意: web worker 通常不用于如此简单的脚本,而是用于更耗费 CPU 资源的任务。
 
  我们已经有了 web worker 文件,现在我们需要从 HTML 页面调用它。/p>
 
  下面的代码检测是否存在 worker,如果不存在,- 它会创建一个新的 web worker 对象,然后运行 “demo_workers.js” 中的代码:/p>
 
  if(typeof(w)==”undefined”)
 
  {
 
  w=new Worker(”demo_workers.js”);
 
  }

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61631.shtml

张贴在2