HTML5 Web Worker
【摘要】
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery-1.8.3.min.js"></script> ...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.8.3.min.js"></script>
<script>
//WEB页主线程;
var worker=new Worker("js/worker.js");
//创建一个Worker对象，并向它传递将在新线程中;
worker.postMessage("hello world SB"); //向worker发送数据
worker.onmessage=function(evt){ //接收Worker传过来的数据函数
console.log(evt.data);
alert(evt.data);
}
/*检测浏览器是否支持*/
$(function(){
if(typeof(Worker)=="undefined"){
$("#support").html("浏览器不支持HTML5 Web Worker！");
}else{
$("#support").html("浏览器支持Html5 Web Worker!");
}
});
</script>
</head>
<body>
<div id="support"></div>
</body>
</html>
onmessage=function(evt){
var d=evt.data;
postMessage(d);
}
worker是一个对象，通过构造函数Worker创建，参数就是一个js文件的路径；文件中的js代码将运行在主线程之外的worker线程；
var jsFileURI = JS_FILE_PATH; // js文件路径
var worker = new Worker(jsFileURI);worker运行在另一个全局上下文中（self），这个全局上下文不同于window，所以不能在woker中访问window和DOM；
该线程分为两种：dedicated worker和shared worker；dedicated worker只能被初始化它的js上下文中使用；shared worker可以在多个js上下文中使用。通常使用的worker是dedicated worker，它的工作情况可以通过chrome的调试工具查看。
视频课堂https://edu.csdn.net/combo/detail/802
文章来源: aaaedu.blog.csdn.net，作者：tea_year，版权归原作者所有，如需转载，请联系作者。
原文链接：aaaedu.blog.csdn.net/article/details/79261626
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）