首页 理论教育 WebWorker的创建和使用方法

WebWorker的创建和使用方法

时间:2023-06-03 理论教育 版权反馈
【摘要】:WebWorker是HTML5中新增的,是用来在Web应用程序中实现后台处理的一项技术。只要在Worker类的构造器中将需要在后台线程中执行的脚本文件的URL作为参数,创建Worker对象就可以了:varworker=newWorker;注意:后台线程不能访问页面和窗口对象。同样,通过获取Worker对象的onmessage事件句柄及postMessage()方法,可在后台线程内部进行消息的接收和发送。图11.1WebWorker的操作流程

WebWorker的创建和使用方法

WebWorker是HTML5中新增的,是用来在Web应用程序中实现后台处理的一项技术。使用这个API可以很容易地创建在后台运行的线程(worker),如果将耗时的处理交给后台去运行,其对用户在前台页面中的操作就没有影响了。

创建后台线程的步骤很简单。只要在Worker类的构造器中将需要在后台线程中执行的脚本文件的URL作为参数,创建Worker对象就可以了:

varworker=newWorker(“worker.js”);

注意:后台线程不能访问页面和窗口对象。

另外,提供发送和接收消息来与后台线程互相传递数据。提供Worker对象的onmessage事件句柄可以在后台线程之中接收消息,使用方法如下:

worker.onmessage=function(event){(www.xing528.com)

//处理接收的消息

},false;

使用Worker对象的postMessage()方法可对后台线程发送消息,发送的消息可以是文本数据,也可以是任何JavaScript对象。

同样,通过获取Worker对象的onmessage事件句柄及postMessage()方法,可在后台线程内部进行消息的接收和发送。WebWorker的操作流程如图11.1所示。

图11.1 WebWorker的操作流程

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈