很多人在测试workerapi的时候,总是会出现异常,根本测试不到效果,需要注意的是就是单纯的文本文件是实现不了worker的,你写的实际代码必须部署到服务器(tomcat.jBoss等)才能运行workerapi
很多人在测试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="./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传送)。
最新资讯
直击|杨元庆规划联想新目标:智能设备营业额要涨4倍

直击|杨元庆规划联想

联想集团董事长兼CEO杨元庆在演讲中表示,目前转型已经
暂停向华为供货? 东芝回应:并未停止与华为的合作

暂停向华为供货? 东芝

东芝中国称,正在确认部分产品是否不符合其要求,但并未停
云米第一季度净利润5310万元 同比增长68%

云米第一季度净利润53

云米第一季度净营收为人民币6.762亿元(约合1.008亿美
贪吃的古蛙,古生物学家发现亿年前两栖动物之间战争

贪吃的古蛙,古生物学家

英良蛙标本体内的蝾螈骨骼基本上完好无损的,骨骼还互相
外交部谈任正非专访内容:心胸有多大,天地就有多大

外交部谈任正非专访内

外交部发言人陆慷22日在回应一些外国公司没有对华为“
美团点评Q1总交易金额1384亿元 年度交易用户4.1亿

美团点评Q1总交易金额

财报显示,截至2019年3月31日止三个月,美团点评总交易金
最新文章
html5 canvas-1.canvas介绍(hello canvas)

html5 canvas-1.canva

大家都知道,目前并不是所有的浏览器中支持html5,就算是
canvas烟花特效锦集

canvas烟花特效锦集

这篇文章主要介绍了canvas烟花特效锦集,小编觉得挺不错
使用Html5、CSS实现文字阴影效果

使用Html5、CSS实现文

这篇文章主要介绍了使用Html5、CSS实现文字阴影效果的
html5 canvas绘制放射性渐变色效果

html5 canvas绘制放射

这篇文章主要介绍了html5 canvas绘制放射性渐变色效果
canvas基础之图形验证码的示例

canvas基础之图形验证

这篇文章主要介绍了canvas基础之图形验证码的示例的相
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能

利用HTML5+css3+jquer

这篇文章主要介绍了利用HTML5+css3+jquery+weui实现仿