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()这个函数 向主线程传输数据
}

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

posted on 2019-05-10 17:18 Web引领者阅读(232) 评论(0) 编辑收藏举报