HTML5 Web Worker
HTML5 Web Worker
代码语言:javascript代码运行次数:0运行复制<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/j
HTML5 Web Worker
代码语言:javascript代码运行次数:0运行复制<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.8..min.js"></script>
<script>
//WEB页主线程;
var worker=new Worker("js/worker.js");
//创建一个Worker对象,并向它传递将在新线程中;
worker.postMessage("hello world SB"); //向worker发送数据
=function(evt){ //接收Worker传过来的数据函数
cole.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>
代码语言:javascript代码运行次数:0运行复制onmessage=function(evt){
var d=evt.data;
postMessage(d);
}
worker是一个对象,通过构造函数Worker创建,参数就是一个js文件的路径;文件中的js代码将运行在主线程之外的worker线程;
代码语言:javascript代码运行次数:0运行复制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的调试工具查看。
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。 原始发表:2022-0-09,如有侵权请联系 cloudcommunity@tencent 删除html5webworker浏览器线程#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可,转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格
上传时间: 2025-07-28 02:31:35
上一篇:H5 storage事件
推荐阅读
留言与评论(共有 14 条评论) |
本站网友 上海那家美容院好 | 11分钟前 发表 |
这个全局上下文不同于window | |
本站网友 性爱描述 | 14分钟前 发表 |
并向它传递将在新线程中; worker.postMessage("hello world SB"); //向worker发送数据 =function(evt){ //接收Worker传过来的数据函数 cole.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>代码语言:javascript代码运行次数:0运行复制onmessage=function(evt){ var d=evt.data; postMessage(d); }worker是一个对象 | |
本站网友 沧州阿尔卡迪亚 | 30分钟前 发表 |
它的工作情况可以通过chrome的调试工具查看 | |
本站网友 没有我的日子 | 22分钟前 发表 |
通常使用的worker是dedicated worker | |
本站网友 肛泰 | 30分钟前 发表 |
所以不能在woker中访问window和DOM;该线程分为两种:dedicated worker和shared worker;dedicated worker只能被初始化它的js上下文中使用;shared worker可以在多个js上下文中使用 | |
本站网友 很快 | 10分钟前 发表 |
通过构造函数Worker创建 | |
本站网友 徐傲霜 | 28分钟前 发表 |
通常使用的worker是dedicated worker | |
本站网友 长生不老丹 | 23分钟前 发表 |
通常使用的worker是dedicated worker | |
本站网友 怎么去除痘印痘疤 | 5分钟前 发表 |
原始发表:2022-0-09 | |
本站网友 北京水果捞 | 9分钟前 发表 |
本文参与 腾讯云自媒体同步曝光计划 | |
本站网友 网络时间 | 7分钟前 发表 |
原始发表:2022-0-09 | |
本站网友 配天 | 25分钟前 发表 |
通常使用的worker是dedicated worker | |
本站网友 全局消息钩子 | 25分钟前 发表 |
这个全局上下文不同于window |