time 
设为首页】【收藏本站
当前位置: 主页 > WEB教程 > Html教程 > HTML5初探Web Workers实现网页多线程

HTML5初探Web Workers实现网页多线程

时间:2013-05-03 21:56 点击:2263次 字体:[ ]




前言

Web Workers 是在HTML5中新增的,用来在web应用程序中实现后台处理的一种技术

在HTML4中,js创建的程序都是单线程的,如果花费时间比较长的话web界面就会长时间没有响应,最恶劣的情况还会跳出一个脚本提示框:

提示脚本运行时间过长,是否继续。。。。于是就引出了本文的主角:Web Workers API

使用这个API用户可以非常容易的创建在后台运行的线程,要创建后台程序很简单:

  1. var worker = new Worker('*.js');  
  2. 注意:后台线程是不能访问页面或者窗口对象的  
  3. 可以通过发送消息和接受消息与后台线程传递数据:  
  4. worker.onmessage = function (e) {};  
  5. worker.postMessage = function (e) {}; 

说一下求和:

  1. <!DOCTYPE html> 
  2.  <html xmlns="http://www.w3.org/1999/xhtml"> 
  3.  <head> 
  4.      <title></title> 
  5.      <script type="text/javascript"> 
  6.          function calculate() {  
  7.              var num = 10000000000;  
  8.              var r = 0;  
  9.              for (var i = 1; i < num; i++) {  
  10.                  r += i;  
  11.              }  
  12.              alert(r);  
  13.          }  
  14.          calculate();  
  15.      </script> 
  16.  </head> 
  17.  <body> 
  18.  </body> 
  19.  </html> 

HTML5初探Web Workers实现网页多线程_www.fengfly.com



本文地址 : http://www.fengfly.com/plus/view-212673-1.html
标签: 网页 HTML5 多线程 Web Workers
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码: