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制作ajax loader icon实现思路及代码
Aug 25 HTML / CSS
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
Mar 16 HTML / CSS
CSS3 实现弹幕的示例代码
Aug 07 HTML / CSS
CSS3实现线性渐变用法示例代码详解
Aug 07 HTML / CSS
css3弹性盒子flex实现三栏布局的实现
Nov 12 HTML / CSS
详解Html5 Canvas画线有毛边解决方法
Mar 01 HTML / CSS
HTML5 声明兼容IE的写法
May 16 HTML / CSS
HTML5图片预览实例分享
Jun 04 HTML / CSS
浅谈Html5多线程开发之WebWorkers
May 02 HTML / CSS
手摸手教你用canvas实现给图片添加平铺水印的实现
Aug 20 HTML / CSS
如何使用canvas绘制可移动网格的示例代码
Dec 14 HTML / CSS
CSS SandBox应用场景及常见问题
Jun 25 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
这部番真是良心,画质好到像风景区,剧情让人跟着小公会热血沸腾
2020/03/10 日漫
上海永华YH-R296(华普R-96)12波段立体声收音机的分析和打理
2021/03/02 无线电
PHP下用rmdir实现删除目录的三种方法小结
2008/04/20 PHP
PHP读取txt文件的内容并赋值给数组的代码
2011/11/03 PHP
PHP中使用strpos函数实现屏蔽敏感关键字功能
2014/08/21 PHP
php获取指定日期之间的各个周和月的起止时间
2014/11/24 PHP
PHP mkdir创建文件夹实现方法解析
2020/11/13 PHP
javascript 数组学习资料收集
2010/04/11 Javascript
javascript同页面多次调用弹出层具体实例代码
2013/08/16 Javascript
jQuery动态添加、删除元素的方法
2014/01/09 Javascript
javascript 面向对象function详解及实例代码
2017/02/28 Javascript
基于Vue实现页面切换左右滑动效果
2020/06/29 Javascript
详解HTML5 使用video标签实现选择摄像头功能
2017/10/25 Javascript
Nodejs Express 通过log4js写日志到Logstash(ELK)
2018/08/30 NodeJs
vue组件之间通信方式实例总结【8种方式】
2019/02/22 Javascript
详解JavaScript实现动态的轮播图效果
2019/04/29 Javascript
[02:00]DAC2018主宣传片——龙征四海,剑问东方
2018/03/20 DOTA
python实现文件名批量替换和内容替换
2014/03/20 Python
pygame学习笔记(6):完成一个简单的游戏
2015/04/15 Python
在win和Linux系统中python命令行运行的不同
2016/07/03 Python
Django admin美化插件suit使用示例
2017/12/12 Python
Python cookbook(数据结构与算法)实现查找两个字典相同点的方法
2018/02/18 Python
pandas 使用apply同时处理两列数据的方法
2018/04/20 Python
Python中的Socket 与 ScoketServer 通信及遇到问题解决方法
2019/04/01 Python
python rsync服务器之间文件夹同步脚本
2019/08/29 Python
python 使用shutil复制图片的例子
2019/12/13 Python
tensorflow 实现从checkpoint中获取graph信息
2020/02/10 Python
使用IPython或Spyder将省略号表示的内容完整输出
2020/04/20 Python
网页切图的CSS和布局经验与要点
2015/04/09 HTML / CSS
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
2013/06/06 HTML / CSS
万代美国官网:PREMIUM BANDAI USA
2020/09/11 全球购物
what is the difference between ext2 and ext3
2013/11/03 面试题
创建服务型党组织实施方案
2014/02/25 职场文书
赔偿协议书范本
2014/04/15 职场文书
汇报材料怎么写
2014/12/30 职场文书
MySQL Router实现MySQL的读写分离的方法
2021/05/27 MySQL