HTML 5 Web Workers

1.服务器上的js代码webWorker.js

var i=0;
function  loop(){
	while(true) {
		i=i+1;
		if(i > 10000000) break;
		if(i%10000 == 0) {
			postMessage(i);
		}
		
	}
}
loop();

2.前台js代码

var w = new Worker("/js/webWorker.js");
w.onmessage = function(event){
	            console.log(event);
		}

首先，new Worker的时候，浏览器会发请求到后台下载webWorker.js，并执行其中的代码，但这个js文件是外部文件，不能直接访问页面对象和DOM API，只有通过postMessage方法，经onmessage方法才能与与主页面交互。