您现在的位置是:首页 > 编程 > 

HTML5 Web Worker

2025-07-28 15:37:59
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组装电脑配置单推荐报价格

本文地址:http://www.dnpztj.cn/biancheng/1256064.html

相关标签:无
上传时间: 2025-07-28 02:31:35
留言与评论(共有 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