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实现圆角、阴影、透明效果并兼容各大浏览器
Aug 08 HTML / CSS
css3给背景图片加颜色遮罩的方法
Nov 05 HTML / CSS
css3通过scale()、rotate()实现放大、旋转
Mar 19 HTML / CSS
HTML5 Geolocation API的正确使用方法
Dec 04 HTML / CSS
利用html5 file api读取本地文件示例(如图片、PDF等)
Mar 07 HTML / CSS
html5 css3网站菜单实现代码
Dec 23 HTML / CSS
HTML5中新标签和常用标签详解
Mar 07 HTML / CSS
HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
Aug 24 HTML / CSS
基于canvas的骨骼动画的示例代码
Jun 12 HTML / CSS
Html5 滚动穿透的方法
May 13 HTML / CSS
AmazeUI在模态框中嵌入表单形成模态输入框
Aug 20 HTML / CSS
Unicode中的CJK(中日韩统一表意文字)字符小结
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
114啦源码(114la)不能生成地方房产和地方报刊问题4级页面0字节的解决方法
2012/01/12 PHP
PHP_Cooikes不同页面无法传递的解决方法
2014/03/07 PHP
Eclipse PHPEclipse 配置的具体步骤
2017/08/08 PHP
一些常用且实用的原生JavaScript函数
2010/09/08 Javascript
JS Loading功能的简单实现
2013/11/29 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
2015/10/14 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
2015/12/20 Javascript
JS实现CheckBox复选框全选、不选或全不选功能
2020/07/28 Javascript
基于jquery实现动态竖向柱状条特效
2016/02/12 Javascript
JavaScript中将数组进行合并的基本方法讲解
2016/03/07 Javascript
nodejs中向HTTP响应传送进程的输出
2017/03/19 NodeJs
微信小程序实现倒计时60s获取验证码
2020/04/17 Javascript
浅谈函数调用的不同方式,以及this的指向
2017/09/17 Javascript
vue.js做一个简单的编辑菜谱功能
2018/05/08 Javascript
浅析JS中回调函数及用法
2018/07/25 Javascript
微信小程序 setData 对 data数据影响问题
2019/04/18 Javascript
Vue使用lodop实现打印小结
2019/07/06 Javascript
在HTML中使用JavaScript的两种方法
2020/12/24 Javascript
Vue中强制组件重新渲染的正确方法
2021/01/03 Vue.js
Python使用base64模块进行二进制数据编码详解
2018/01/11 Python
python scrapy爬虫代码及填坑
2019/08/12 Python
python对象转字典的两种实现方式示例
2019/11/07 Python
Python单链表原理与实现方法详解
2020/02/22 Python
keras导入weights方式
2020/06/12 Python
python如何对链表操作
2020/10/10 Python
Python调用高德API实现批量地址转经纬度并写入表格的功能
2021/01/12 Python
一款纯css3制作的2015年元旦雪人动画特效教程
2014/12/29 HTML / CSS
Sql面试题
2013/03/20 面试题
Linux开机引导的步骤是什么
2014/02/26 面试题
授权收款委托书
2014/09/23 职场文书
党的群众路线教育实践活动对照检查材料范文
2014/09/24 职场文书
2014年优秀党员材料
2014/12/18 职场文书
烟台的海导游词
2015/02/02 职场文书
外出培训学习心得体会
2016/01/18 职场文书
MySQL中VARCHAR与CHAR格式数据的区别
2021/05/26 MySQL