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截图_动力节点Java学院整理
Jul 11 HTML / CSS
CSS3教程(6):创建网站多列
Apr 02 HTML / CSS
html5 css3 动态气泡按钮实例演示
Dec 02 HTML / CSS
CSS3制作苹果风格键盘特效
Feb 26 HTML / CSS
初探CSS3中的calc()功能
Jul 14 HTML / CSS
详解background属性的8个属性值(面试题)
Nov 02 HTML / CSS
详解利用canvas实现环形进度条的方法
Jun 12 HTML / CSS
浅谈html5 响应式布局
Dec 24 HTML / CSS
详解HTML5中表单验证的8种方法介绍
Dec 19 HTML / CSS
解决html5中的video标签ios系统中无法播放使用的问题
Aug 10 HTML / CSS
canvas绘制图片drawImage使用方法
Sep 15 HTML / CSS
DIV CSS实现网页背景半透明效果
Dec 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
全国FM电台频率大全 - 23 四川省
2020/03/11 无线电
PHP文件及文件夹操作之创建、删除、移动、复制
2016/07/13 PHP
PHP生成推广海报的方法分享
2018/04/22 PHP
微信公众号开发之获取位置信息php代码
2018/06/13 PHP
JAVASCRIPT style 中visibility和display之间的区别
2010/01/22 Javascript
JS上传前预览图片实例
2013/03/25 Javascript
Jquery Post处理后不进入回调的原因及解决方法
2014/07/15 Javascript
node.js中的fs.rename方法使用说明
2014/12/16 Javascript
jQuery中live()方法用法实例
2015/01/19 Javascript
JavaScript将数组转换成CSV格式的方法
2015/03/19 Javascript
JS Array.slice 截取数组的实现方法
2016/01/02 Javascript
js实现div在页面拖动效果
2016/05/04 Javascript
如何检测JavaScript的各种类型
2016/07/30 Javascript
微信小程序 wxapp画布 canvas详细介绍
2016/10/31 Javascript
react build 后打包发布总结
2018/08/24 Javascript
node.js调用C++函数的方法示例
2018/09/21 Javascript
angular 用Observable实现异步调用的方法
2018/12/27 Javascript
nodejs分离html文件里面的js和css的方法
2019/04/09 NodeJs
微信小程序npm引入vant-weapp的踩坑记录
2019/08/01 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
2019/11/15 Javascript
ES6函数实现排它两种写法解析
2020/05/13 Javascript
JavaScript中使用Spread运算符的八种方法总结
2020/06/18 Javascript
python 猴子补丁(monkey patch)
2019/06/26 Python
python爬虫中多线程的使用详解
2019/09/23 Python
Django中FilePathField字段的用法
2020/05/21 Python
会走动的图形html5时钟示例
2014/04/27 HTML / CSS
美国新蛋IT数码商城:Newegg.com
2016/07/21 全球购物
世界上最大的铁人三项商店:Tri UK
2020/11/04 全球购物
C/C++有关内存的思考题
2015/12/04 面试题
我爱我家教学反思
2014/05/01 职场文书
党员教师四风问题整改措施思想汇报
2014/10/08 职场文书
当幸福来敲门英文观后感
2015/06/01 职场文书
深入理解margin塌陷和margin合并的解决方案
2021/06/26 HTML / CSS
Java实现二维数组和稀疏数组之间的转换
2021/06/27 Java/Android
redis sentinel监控高可用集群实现的配置步骤
2022/04/01 Redis
微信小程序 WeUI扩展组件库的入门教程
2022/04/21 Javascript