码迷,mamicode.com
首页 > 编程语言 > 详细

WebWorker的浏览器"异步线程"

时间:2015-03-02 14:38:23      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

worker新线程:

1.通过postMessage( data ) 方法来向主线程发送数据;

2.绑定onmessage方法来接收主线程发送过来的数据;
 
3.worker外部文件不允许使用window,document,parent对象;
 
请求数据:
<script type="text/javascript">
        onload = function () {
            //WEB页主线程
            var worker = new Worker("worker.js");                                            //创建一个Worker对象并向它传递将在新线程中执行的脚本的URL
            worker.postMessage("hello world1");                                               //向worker发送数据
            worker.onmessage = function (e) {                                                 //接收worker传过来的数据函数
                document.getElementsByTagName("div")[0].innerHTML = e.data;   //输出worker发送来的数据
            }
        }
</script>

  

 
响应数据:
<script type="text/javascript">
        //外部JS文件
      var o = "1,1";
      //在外部的worker的JS中同样使用onmessage来获取发来的数据
      onmessage = function (e) {
          postMessage(e.data + o + "返回值");
      }
</script>

  

 

WebWorker的浏览器"异步线程"

标签:

原文地址:http://www.cnblogs.com/zzq-include/p/4308659.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!