html5webworkers的作用是什么

本文小编为大家详细介绍“html5 web workers的作用是什么”，内容详细，步骤清晰，细节处理妥当，希望这篇“html5 web workers的作用是什么”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

创新互联是专业的兰山网站建设公司，兰山接单;提供成都网站设计、做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行兰山网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

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"）;

}

读到这里，这篇“html5 web workers的作用是什么”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注创新互联行业资讯频道。