h5分线程Worker

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Title</title></head><body>

</body></html><script>    var worker = new Worker('01.js');      //创建分线程  在01.js文件中    worker.postMessage("hello world");　　　//向分线程发送数据    worker.onmessage=function(ev){　　　　　//通过事件 接收分线程发送的数据        console.log(ev.data);　　　　　　　　//打印分线程传输的数据    }</script>

//01.js

var onmessage=function(data){            //通过这个函数名 接受主线程传输的数据   （只能是这个函数名）    console.log(data.data);     　　　　　//  打印出 hello world    data="你好，世界";　　　　　　　　　　　　//  在次将数据赋值为 你好，世界    postMessage(data);　　　　　　　　　　 //　　通过postMessage()这个函数 向主线程传输数据}

这个拥有同源策略的限制，还有必须在同一目录下才有效果

转载于:https://www.cnblogs.com/shangjun6/p/10845578.html

h5分线程Worker相关推荐

移动端 H5 分屏页面适配问题--设计稿比例与设备宽高比例不同
移动端 H5 分屏页面适配问题单位问题肯定用rem, 为了方便计算,一般取 1rem=100px(设计稿px), 需要根据设计稿的宽度设置合适的fontSize, 具体可以看这篇文章 :移动端根据 ...
如何卸载twincat3_倍福TwinCAT(贝福Beckhoff)常见问题(FAQ)-如何让不同的PLC程序分线程运行 TC3...
右击Tasks,添加一个新的Task 可以为这个线程设置自定义的扫描周期然后在项目上右击添加Referenced Task 在TaskSub1上右击添加现有项,把之气写好的PRG程序绑定 ...
深入理解 Node.js 中的 Worker 线程
多年以来,Node.js 都不是实现高 CPU 密集型应用的最佳选择,这主要就是因为 JavaScript 的单线程.作为对此问题的解决方案,Node.js v10.5.0 通过 worker_thr ...
【Android 异步操作】线程池 ( Worker 简介 | 线程池中的工作流程 runWorker | 从线程池任务队列中获取任务 getTask )
文章目录一.线程池中的 Worker ( 工作者 ) 二.线程池中的工作流程 runWorker 三.线程池任务队列中获取任务 getTask 在博客 [Android 异步操作]线程池 ( 线程池 ...
h5+css3基础面试题
h5+css面试题一 HTML5中新增了那些内容? 广义上的html5指的是最新一代前端开发技术的总称,包括html5,css3,新增的webAPi html, 中新增了 header,footer ...
JS的线程机制与事件机制
JS的线程机制与事件机制前言一.进程与线程的概念二.浏览器内核概念三.思考定时器 1. 定时器真的是定时执行的吗? 2. 定时器回调函数是在哪个线程执行的? 3. 定时器是如何执行的? 四. ...
关于MySQL线程池，这也许是目前最全面的实用帖！
作者介绍张秀云,网名飞鸿无痕,现任职于腾讯,负责腾讯金融数据库的运维和优化工作.2007年开始从事运维方面的工作,经历过网络管理员.Linux运维工程师.DBA.分布式存储运维等多个职位.对Linu ...
Java中线程池ThreadPoolExecutor原理探究
一. 前言线程池主要解决两个问题:一方面当执行大量异步任务时候线程池能够提供较好的性能,这是因为使用线程池可以使每个任务的调用开销减少(因为线程池线程是可以复用的).另一方面线程池提供了一种资源限制 ...
MFC的进程和线程，非正常终止
进程是一个可执行的程序,由私有虚拟地址空间.代码.数据和其他操作系统资源(如进程创建的文件.管道.同步对象等)组成.一个应用程序可以有一个或多个进程,一个进程可以有一个或多个线程,其中一个是主线程. ...

h5分线程Worker

h5分线程Worker相关推荐

最新文章

热门文章