// index.html
<button onclick="startWorker()">Test My First Worker</button>
<script>
function worker_function() {
addEventListener('message', function(e) {
var data = e.data;
console.log("worker:: on message " + data);
postMessage("message from worker");
}, false);
}
if(window!=self) {
worker_function();
}
function startWorker() {
worker.postMessage("message from index");
}
var worker = new Worker(URL.createObjectURL(new Blob(["("+worker_function.toString()+")()"], {type: 'text/javascript'})));
worker.addEventListener('message', function(e) {
console.log("index on message " + e.data);
}, false);
</script>
Web Worker简单使用
最新推荐文章于 2024-09-23 16:36:59 发布
该代码段展示了一个在HTML页面中使用WebWorker进行通信的例子。当点击按钮时,启动worker函数,worker监听并响应消息,然后向主线程发送回一条消息。主线程接收到worker的消息后也会进行相应的处理。
摘要由CSDN通过智能技术生成