博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Html5 Web Workers
阅读量:6150 次
发布时间:2019-06-21

本文共 1134 字,大约阅读时间需要 3 分钟。

当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。

Web Workers 是运行在后台的 JavaScript线程,独立于其他脚本,不会影响到前端其他任何操作或体验。

主要过程包括:

1、创建Worker对象;
2、将参数值传递通过Worker对象的postMessage方法传递传递给后台线程脚本;
3、后台线程脚本处理后将结果通过postMessage方法返回;
4、原脚本通过监听onMessage事件获取后台线程传过来的值。

实例代码如下:

html页面:

复制代码
1  2  3      4         
5 无标题文档 6 8 9 10 输入数值:11 12
复制代码

bb.js代码:

复制代码
1 window.onload = function() { 2     var worker = new Worker("sumCalculate.js"); 3     console.log(worker); 4     var bbDom = document.getElementById("button"); 5      6     bbDom.addEventListener("click", f); 7      8     function f(){ 9         var num = parseInt(document.getElementById("num").value);10         worker.postMessage(num);11     }12 13     worker.onmessage = function(event) {14         alert(event.data);15     }16 }
复制代码

后台线程sumCalculate.js代码:

1 onmessage = function(event) {2     var result = event.data * 10;3     postMessage(result);4 }

 

---------------------------------------------------------------------------------
笔者水平有限,若有错漏,欢迎指正,如果转载以及CV操作,请务必注明出处,谢谢!
分类:
本文转自Windstep博客园博客,原文链接:http://www.cnblogs.com/lwbqqyumidi/archive/2012/11/08/2761046.html,如需转载请自行联系原作者
你可能感兴趣的文章
集中管理系统--puppet
查看>>
分布式事务最终一致性常用方案
查看>>
Exchange 2013 PowerShell配置文件
查看>>
JavaAPI详解系列(1):String类(1)
查看>>
HTML条件注释判断IE<!--[if IE]><!--[if lt IE 9]>
查看>>
发布和逸出-构造过程中使this引用逸出
查看>>
Oracle执行计划发生过变化的SQL语句脚本
查看>>
使用SanLock建立简单的HA服务
查看>>
发现一个叫阿尔法城的小站(以后此贴为我记录日常常用网址的帖子了)
查看>>
Subversion使用Redmine帐户验证简单应用、高级应用以及优化
查看>>
Javascript Ajax 异步请求
查看>>
DBCP连接池
查看>>
cannot run programing "db2"
查看>>
mysql做主从relay-log问题
查看>>
Docker镜像与容器命令
查看>>
批量删除oracle中以相同类型字母开头的表
查看>>
Java基础学习总结(4)——对象转型
查看>>
BZOJ3239Discrete Logging——BSGS
查看>>
SpringMVC权限管理
查看>>
spring 整合 redis 配置
查看>>