本文介绍了HTML5中的Web Workers技术，这是一种使JavaScript能在浏览器后台运行的方式，有助于提高网页应用的性能。文章通过示例展示了如何创建Web Worker并利用postMessage和onmessage进行主线程与Worker之间的通信。
html5的web workers中提供了在浏览器后台执行js的api，通过它我们可以将一些复杂的逻辑处理放在后台，而不影响主页面的加载，但是由于web worker位于外部文件中，导致它无法访问window，document，parent这些js对象。
在web worker中使用postmessage和onmessage进行通信，比如你可以在脚本中实现计算过程，然后将结果返回到主页面中。
//webworker.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>webwork</title>
<script type="text/javascript">
var worker=new Worker("webwork.js");
worker.postMessage("hello world");
worker.onmessage=function(event) {
console.log(event.data);
}
</script>
</head>
<body>
</body>
</html>
//webwork.js
onmessage=function(event) {
var d=event.data;//获取发送来的数据
postMessage(d);//将获取到的数据返回到主线程
}
扫一扫
2808
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
