HTML5 Web Worker的使用
来源: feng_013 的博客 Web Workers 是 HTML5 提供的一个javascript多线程解决方案,我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面。 一:如何使用Worker Web Worker的基本原理就是在当前javascript的主线程中,使用Worker类加载一个javascript文件来开辟一个新的线程,起到互不阻塞执行的效果,并且提供主线程和新线程之间数据交换的接口:postMessage,onmessage。 那么如何使用呢,我们看一个例子: 1 2 3 4 5 //worker.js onmessage = function (evt){ var d = evt.data; //通过evt.data获得发送来的数据 postMessage( d ); //将获取到的数据发送会主线程 } HTML页面:test.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE HTML> <html> <head> <meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" /> <script type= "text/javascript" > //WEB页主线程 var worker = new