html5 worker 实例(一) 为什么测试不到效果


Posted in HTML / CSS onJune 24, 2013

很多人在测试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传送)。
HTML / CSS 相关文章推荐
纯DOM+CSS3实现简单的小风车动画
Sep 27 HTML / CSS
详解CSS的border边框属性及其在CSS3中的新特性
May 10 HTML / CSS
可自定义箭头样式的CSS3气泡提示框
Mar 16 HTML / CSS
详解CSS3原生支持div铺满浏览器的方法
Aug 30 HTML / CSS
html5自带表单验证体验优化及提示气泡修改功能
Sep 12 HTML / CSS
HTML5本地存储之Database Storage应用介绍
Jan 06 HTML / CSS
HTML5使用drawImage()方法绘制图像
Jun 23 HTML / CSS
HTML5 Canvas中使用用路径描画圆弧
Jan 01 HTML / CSS
从零实现一个自定义html5播放器的示例代码
Aug 01 HTML / CSS
小程序canvas中文字设置居中锚点
Apr 16 HTML / CSS
canvas绘制图片drawImage使用方法
Sep 15 HTML / CSS
CSS3实现三角形不断放大效果
Apr 13 HTML / CSS
HTML5的表单(绝对特别强大的功能)使用示例
Jun 20 #HTML / CSS
利用HTML5画出一个坦克的形状具体实现代码
Jun 20 #HTML / CSS
HTML5 Canvas——用路径描画线条实例介绍
Jun 09 #HTML / CSS
html5的画布canvas——画出简单的矩形、三角形实例代码
Jun 09 #HTML / CSS
html5的画布canvas——画出弧线、旋转的图形实例代码+效果图
Jun 09 #HTML / CSS
HTML5视频支持检测(检查浏览器是否支持视频播放)
Jun 08 #HTML / CSS
HTML5中如何显示视频呢 HTML5视频播放demo
Jun 08 #HTML / CSS
You might like
phpMyAdmin 链接表的附加功能尚未激活的问题
2010/08/01 PHP
Function eregi is deprecated (解决方法)
2013/06/21 PHP
PHP实现查询两个数组中不同元素的方法
2016/02/23 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
清除网页历史记录,屏蔽后退按钮!
2008/12/22 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
2012/11/13 Javascript
使用jQuery实现的掷色子游戏动画效果
2014/03/14 Javascript
js实现缓冲运动效果的方法
2015/04/10 Javascript
jquery中toggle函数交替使用问题
2015/06/22 Javascript
基于Jquery实现表单验证
2020/07/20 Javascript
javascript判断firebug是否开启的方法
2016/11/23 Javascript
jQuery插件JWPlayer视频播放器用法实例分析
2017/01/11 Javascript
JavaScript实现的浏览器下载文件的方法
2017/08/09 Javascript
使用JS和canvas实现gif动图的停止和播放代码
2017/09/01 Javascript
JavaScript setInterval()与setTimeout()计时器
2019/12/27 Javascript
[46:23]OG vs EG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
解决python大批量读写.doc文件的问题
2018/05/08 Python
Flask配置Cors跨域的实现
2019/07/12 Python
Django url,从一个页面调到另个页面的方法
2019/08/21 Python
python主线程与子线程的结束顺序实例解析
2019/12/17 Python
用Python自动清理系统垃圾的实现
2021/01/18 Python
html5中canvas学习笔记2-判断浏览器是否支持canvas
2013/01/06 HTML / CSS
瑞典时尚服装购物网站:Miinto.se
2017/10/30 全球购物
橄榄树药房:OLIVEDA
2019/09/01 全球购物
UNIX命令速查表
2012/03/10 面试题
交通安全演讲稿
2014/01/07 职场文书
法学院方阵解说词
2014/01/29 职场文书
银行先进个人事迹材料
2014/05/11 职场文书
销售助理岗位职责
2015/02/11 职场文书
2015年依法行政工作总结
2015/04/29 职场文书
青年干部培训班学习心得体会
2016/01/06 职场文书
写作技巧:优秀文案必备的3种结构
2019/08/19 职场文书
python用字节处理文件实例讲解
2021/04/13 Python
教你利用python实现企业微信发送消息
2021/05/23 Python
SQL Server中使用判断语句(IF ELSE/CASE WHEN )案例
2021/07/07 SQL Server
vue中 this.$set的使用详解
2021/11/17 Vue.js