1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8" /> 6 <title>web worker</title> 7 </head> 8 9 <body> 10 11 </body> 12 <script src="worker.js"></script> 13 <script> 14 15 var worker = new Worker('worker.js') 16 worker.postMessage('gaoxuerong'); //向worker发送信息; 17 worker.onmessage=(event) => { //从worker接收数据 18 console.log(event.data); 19 }; 20 </script> 21 22 </html>
1 var onmessage = function(e) { 2 var d = e.data; 3 postMessage(d); 4 }//worker.js
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>web worker</title>
</head>
<body>
<div id="result">计算元素的个数:</div>
</body>
<script>
var worker = new Worker('sushu.js')
worker.postMessage('gaoxuerong'); //向worker发送信息;
worker.onmessage=(event) => { //从worker接收数据
document.getElementById('result').innerHTML=event.data;
};
</script>
</html>
sushu.js
1 var count=0; 2 for(var n=2;n<1000;n++){ 3 var prime=true; 4 for(var i=2;i<Math.sqrt(n);i++){ 5 if(n%2==0){ 6 prime=false; 7 break; 8 } 9 } 10 if(prime){ 11 count++; 12 postMessage(count); 13 } 14 }