头闻号

吴江市德隆精细化工有限公司

溶剂染料|磷酸盐|通用有机试剂

首页 > 新闻中心 > 科技常识:html5 worker 实例(一) 为什么测试不到效果
科技常识:html5 worker 实例(一) 为什么测试不到效果
发布时间:2023-02-01 10:18:53        浏览次数:3        返回列表

今天小编跟大家讲解下有关html5 worker 实例(一) 为什么测试不到效果 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关html5 worker 实例(一) 为什么测试不到效果 的相关资料,希望小伙伴们看了有所帮助。

很多人在测试worker api的时候 总是会出现异常 根本测试不到效果。 在使用worker的时候有个必须注意的地方 就是单纯的文本文件是实现不了worker的 你写的实际代码 必须部署到服务器(tomcat.jBoss等)才能运行worker api。 下面写个简单例子 js代码test.js(worker) 复制代码代码如下: function messageHandler(e) { postMessage("worker says:"+ e.data +"too"); } addEventListener("message", messageHandler, true); postMessage("2222222222"); html代码 index.html 复制代码代码如下: <!DOCTYPE html> <html> <head> <title>index.html</title> <meta http-equiv="keywords"content="keyword1,keyword2,keyword3"> <meta http-equiv="description"content="this is my page"> <meta http-equiv="content-type"content="text/html; charset=UTF-8"> <!--<link rel="stylesheet"type="text/css"href="https://www.aidi.net.cn//html5/./styles.css">--> </head> <body> <script type="text/javascript"> if(typeof(Worker)!=="undefined"){ console.log("zhichi worke"); }else{ console.log("no support!"); } function messageHandler(e){ console.log(e.data); } function errorHandler(e){ console.log(e.message, e); } var myWorker = new Worker("task.js"); myWorker.addEventListener("message", messageHandler, true); myWorker.addEventListener("error", errorHandler, true); myWorker.postMessage("1 fangsong d"); </script> </body> </html> 不是之后直接访问index.html页面 然后在浏览器的console面板中将看到worker发送的字符串(实际应用中一般使用json传送)。

来源:爱蒂网