HTML5之web workers_动力节点Java学院整理

2020-04-24 19:47:33易采站长站整理

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Test threads fibonacci</title>
</head>
<body>
<div id="result"></div>
<script language="javascript">
var worker = new Worker("fibonacci.js");
worker.onmessage = function(event) {
document.getElementById("result").textContent = event.data;
dump("Got: " + event.data + "n");
};
worker.onerror = function(error) {
dump("Worker error: " + error.message + "n");
throw error;
};
worker.postMessage("5");
</script>
</body>
</html>

网页创建了一个div元素,ID 为result, 用它来显示运算结果,然后生成 worker。在生成 worker 后,onmessage处理函数配置为通过设置div元素的内容来显示运算结果,然后onerror处理函数被设置为转储错误信息。最后,向 worker 发送一条信息来启动它。