HTML5 Workder 使用实例

来源:互联网 发布:linux rpm 安装svn 编辑:程序博客网 时间:2024/04/29 21:27

    • 什么是Worker
    • Workder 的简单使用

什么是Worker

当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。
web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运行。
就是开辟了一个子线程 实现线程通信

Workder 的简单使用

1 main.html

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><script>    var workder=new Worker("worker.js");    workder.postMessage("hello  world");//发送    workder.onmessage= function (e) {//接收        console.log(e.data);    }//    workder.terminate();在合适时机结束</script></body></html>

2 worker.js

onmessage= function (e) {//我接收到 了 来自 main.html的消息    var a =e.data;    console.log(a);}postMessage("我要发送给main.html");
0 0
原创粉丝点击