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 相关文章推荐
使用css3匹配手机屏幕横竖状态
Jan 27 HTML / CSS
CSS的pointer-events属性详细介绍(作用和注意事项)
Apr 23 HTML / CSS
css3 transform过渡抖动问题解决
Oct 23 HTML / CSS
HTML5中的音频和视频媒体播放元素小结
Jan 29 HTML / CSS
HTML5未来发展趋势
Feb 01 HTML / CSS
如何利用input事件来监听移动端的输入
Apr 15 HTML / CSS
CSS3 画基本图形,圆形、椭圆形、三角形等
Sep 20 HTML / CSS
HTML5标签大全
Nov 23 HTML / CSS
canvas进阶之如何画出平滑的曲线
Oct 15 HTML / CSS
HTML5实现移动端弹幕动画效果
Aug 01 HTML / CSS
html5使用window.postMessage进行跨域实现数据交互的一次实战
Feb 24 HTML / CSS
CSS 文字装饰 text-decoration & text-emphasis 详解
Apr 06 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
十天学会php之第二天
2006/10/09 PHP
php实现的农历算法实例
2015/08/11 PHP
php分页原理 分页代码 分页类制作教程
2016/09/23 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
ext checkboxgroup 回填数据解决
2009/08/21 Javascript
JavaScript 入门基础知识 想学习js的朋友可以参考下
2009/12/26 Javascript
Javascript 网页水印(非图片水印)实现代码
2010/03/01 Javascript
js获取单元格自定义属性值的代码(IE/Firefox)
2010/04/05 Javascript
jQuery实现表头固定效果的实例代码
2013/05/24 Javascript
JavaScript函数详解
2015/02/27 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
2016/06/10 Javascript
AngularJs表单验证实例代码解析
2016/11/29 Javascript
Vue.js 2.0窥探之Virtual DOM到底是什么?
2017/02/10 Javascript
Vue 2中ref属性的使用方法及注意事项
2017/06/12 Javascript
解决vue项目nginx部署到非根目录下刷新空白的问题
2018/09/27 Javascript
Vue实现的父组件向子组件传值功能示例
2019/01/19 Javascript
js实现3D粒子酷炫动态旋转特效
2020/09/13 Javascript
[57:47]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
基础的十进制按位运算总结与在Python中的计算示例
2016/06/28 Python
python微信跳一跳系列之棋子定位像素遍历
2018/02/26 Python
在python中获取div的文本内容并和想定结果进行对比详解
2019/01/02 Python
python TF-IDF算法实现文本关键词提取
2019/05/29 Python
用python做游戏的细节详解
2019/06/25 Python
python 通过视频url获取视频的宽高方式
2019/12/10 Python
python绘制彩虹图
2019/12/16 Python
Pycharm无法打开双击没反应的问题及解决方案
2020/08/17 Python
浅谈anaconda python 版本对应关系
2020/10/07 Python
英国最大的美妆产品在线零售商之一:Beauty Bay
2017/09/29 全球购物
澳大利亚首屈一指的鞋类品牌:Tony Bianco
2018/03/13 全球购物
KOHLER科勒美国官网:国际著名卫浴橱柜领先品牌
2020/06/27 全球购物
认错检讨书
2014/10/02 职场文书
自荐信怎么写
2015/03/04 职场文书
妈妈别哭观后感
2015/06/08 职场文书
nginx反向代理时如何保持长连接
2021/03/31 Servers
python flask框架快速入门
2021/05/14 Python
Golang解析JSON对象
2022/04/30 Golang