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自定义滚动条样式写法
Dec 25 HTML / CSS
css3实现背景颜色渐变让图片不再是唯一的实现方式
Dec 18 HTML / CSS
CSS3下的渐变文字效果实现示例
Mar 02 HTML / CSS
html5标记文字_动力节点Java学院整理
Jul 11 HTML / CSS
HTML5 微格式和相关的属性名称
Feb 10 HTML / CSS
html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
Jan 09 HTML / CSS
深入解析HTML5中的Blob对象的使用
Sep 08 HTML / CSS
Html5中localStorage存储JSON数据并读取JSON数据的实现方法
Feb 13 HTML / CSS
利用Storage Event实现页面间通信的示例代码
Jul 26 HTML / CSS
HTML5去掉输入框type为number时的上下箭头的实现方法
Jan 03 HTML / CSS
html+css实现分层金字塔的实例
Jun 02 HTML / CSS
CSS 实现磨砂玻璃(毛玻璃)效果样式
May 21 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
杏林同学录(六)
2006/10/09 PHP
PHP生成自适应大小的缩略图类及使用方法分享
2014/05/06 PHP
smarty内置函数capture用法分析
2015/01/22 PHP
PHP 5.3和PHP 5.4出现FastCGI Error解决方法
2015/02/12 PHP
php中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
laravel 5.3 单用户登录简单实现方法
2019/10/14 PHP
jquery入门—访问DOM对象方法
2013/01/07 Javascript
jQuery结合HTML5制作的爱心树表白动画
2015/02/01 Javascript
jQuery formValidator表单验证
2016/01/07 Javascript
js中class的点击事件没有效果的解决方法
2016/10/13 Javascript
JS使用面向对象技术实现的tab选项卡效果示例
2017/02/28 Javascript
node.js实现回调的方法示例
2017/03/01 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
2017/03/31 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
2018/12/25 Javascript
微信小程序收货地址API兼容低版本解决方法
2019/05/18 Javascript
layerui代码控制tab选项卡,添加,关闭的实例
2019/09/04 Javascript
机器学习python实战之决策树
2017/11/01 Python
TensorFlow的权值更新方法
2018/06/14 Python
pytorch 转换矩阵的维数位置方法
2018/12/08 Python
解决django服务器重启端口被占用的问题
2019/07/26 Python
python 实现多线程下载m3u8格式视频并使用fmmpeg合并
2019/11/15 Python
解决Pycharm双击图标启动不了的问题(JetBrains全家桶通用)
2020/08/07 Python
CSS3中Animation动画属性用法详解
2016/07/04 HTML / CSS
html5+css3进度条倒计时动画特效代码【推荐】
2016/03/08 HTML / CSS
南非最受欢迎的时尚品牌:MRP
2016/09/18 全球购物
LN-CC日本:高端男装和女装的奢侈时尚目的地
2019/09/01 全球购物
美国领先的宠物用品和宠物食品零售商:Petco
2020/10/28 全球购物
什么是GWT的Module
2013/01/20 面试题
90后毕业生的求职信范文
2013/09/21 职场文书
党员对照检查材料
2014/09/22 职场文书
检讨书1000字
2014/10/11 职场文书
工商局个人工作总结
2015/03/03 职场文书
2015年大学生暑期实习报告
2015/07/13 职场文书
【2·13】一图读懂中国无线电发展
2022/02/18 无线电
Pillow图像处理库安装及使用
2022/04/12 Python
CentOS7环境下MySQL8常用命令小结
2022/06/10 Servers