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 18 HTML / CSS
利用CSS3的定位页面元素
Aug 29 HTML / CSS
css3实现的下拉菜单效果示例
Jan 22 HTML / CSS
使用css3和jquery实现可伸缩搜索框
Feb 12 HTML / CSS
纯CSS3打造动感漂亮时尚的扇形菜单
Mar 18 HTML / CSS
CSS3实现点击放大的动画实例代码
Feb 27 HTML / CSS
分享一个页面平滑滚动小技巧(推荐)
Oct 23 HTML / CSS
html5指南-6.如何创建离线web应用程序实现离线访问
Jan 07 HTML / CSS
html5如何及时更新缓存文件(js、css或图片)
Jun 24 HTML / CSS
HTML5 video 视频标签使用介绍
Feb 03 HTML / CSS
html2 canvas生成清晰的图片实现打印功能
Sep 23 HTML / CSS
使用CSS3实现按钮悬停闪烁动态特效代码
Aug 30 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
神族 Protoss 剧情介绍
2020/03/14 星际争霸
JavaScript中Math对象使用说明
2008/01/16 Javascript
FormValidate 表单验证功能代码更新并提供下载
2008/08/23 Javascript
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
JS等比例缩小图片尺寸的实例
2013/02/27 Javascript
jQuery setTimeout()函数使用方法
2013/04/07 Javascript
JavaScript动态创建div属性和样式示例代码
2013/10/09 Javascript
js导航栏单击事件背景变换示例代码
2014/01/13 Javascript
JS清空多文本框、文本域示例代码
2014/02/24 Javascript
AJAX实现瀑布流触发分页与分页触发瀑布流的方法
2016/05/23 Javascript
nodejs个人博客开发第一步 准备工作
2017/04/12 NodeJs
jquery.form.js异步提交表单详解
2017/04/25 jQuery
[01:39:42]Fnatic vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
[02:28]PWL开团时刻DAY3——Ink Ice与DeMonsTer之间的勾心斗角
2020/11/03 DOTA
python sort、sorted高级排序技巧
2014/11/21 Python
Python实现将n个点均匀地分布在球面上的方法
2015/03/12 Python
Django中ORM表的创建和增删改查方法示例
2017/11/15 Python
Python sorted排序方法如何实现
2020/03/31 Python
tensorflow常用函数API介绍
2020/04/19 Python
解决运行出现'dict' object has no attribute 'has_key'问题
2020/07/15 Python
HTML5和CSS3让网页设计提升到下一个高度
2009/08/14 HTML / CSS
您的健身减肥和健康饮食专家:vitafy
2017/06/06 全球购物
英国第一独立滑雪板商店:The Snowboard Asylum
2020/01/16 全球购物
职专应届生求职信
2013/11/16 职场文书
后勤采购员岗位职责
2013/12/19 职场文书
美发店5.1活动方案
2014/01/24 职场文书
公司合作协议书范本
2014/04/18 职场文书
优秀护士演讲稿
2014/04/30 职场文书
办公室主任岗位承诺书
2014/05/29 职场文书
党委工作总结2015
2015/04/27 职场文书
村级干部党员公开承诺事项
2015/05/04 职场文书
开国大典观后感
2015/06/04 职场文书
孟佩杰观后感
2015/06/17 职场文书
婚礼领导致辞大全
2015/07/28 职场文书
运动会班级口号霸气押韵
2015/12/24 职场文书
4种方法python批量修改替换列表中元素
2022/04/07 Python