当前位置:首页 » HTML » 正文

HTML5中Web Workers概述

610 人参与  2017年02月13日 11:40  分类 : HTML  点这评论

1.创建和使用Worker 

Ø概述:Web Workers是在HTML5中新增的,用来在Web应用程序中实现后台处理的一项技术。使用这个API,用户可以很容易地创建在后台运行的线程(在HTML5中称为worker),如果将可能耗费较长时间的处理交给后台去执行,对用户在前台页面中执行的操作就完全没有影响了。
Ø创建后台线程的步骤:只要在Worker类的构造器中,将需要在后台线程中执行的脚本文件的URL作为参数,然后创建Worker对象就可以了,代码如下所示。

var worker = new Worker("worker.js");

注意:在后台线程中是不能访问页面或窗口对象的。如果在后台线程的脚本文件中使用到window对象或document对象,则会引起错误的发生。

 

2.后台线程的交互

通过对Worker对象的onmessage事件句柄的获取可以在后台线程之中接收消息,使用方法如下。

worker. onmessage=function(event)

{

// 处理接收的消息。

}, false);

使用Worker对象的postMessage()方法来对后台线程发送消息,发送的消息是文本数据,但也可以是任何JavaScript对象(需要通过JSON对象的stringify()方法将其转换成文本数据)。Worker对象的

postMessage()使用方法如下。

worker.postMessage(message);

通过获取Worker对象的onmessage事件句柄及Worker对象的postMessage()方法在后台线程内部进行消息的接收和发送。


3.Web Worker简单的操作流程图 


下面是一个实例,点击看效果




来源:太阳笑了博客:感恩有你一路相伴(QQ号:1368396530),转载请保留出处和链接!

本文链接:http://www.taiyangxiao.com/post/356.html

本文标签:HTML  Web Worker  

<< 上一篇 下一篇 >>

  • 评论(5)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

相关文章

最近发表

    网站分类

    最新留言

    我是公告

      感谢大家访问我的博客,如果大家喜欢我的内容,请友情支持一下,点击下面广告吧!

    皖ICP备16018029号|本站已安全运行了天| 信用认证 |

    博客大全 卢松松博客 中国博客联盟 boke112导航 米鱼博客

    快捷导航返回顶部

    分享:

    支付宝

    微信