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和jquery
Nov 21 HTML / CSS
css 元素选择器的简单实例
May 23 HTML / CSS
浅析css3中matrix函数的使用
Jun 06 HTML / CSS
纯CSS3实现的井字棋游戏
Nov 25 HTML / CSS
html5 canvas实现跟随鼠标旋转的箭头
Mar 11 HTML / CSS
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
Jul 19 HTML / CSS
html5 视频播放解决方案
Nov 06 HTML / CSS
html5组织内容_动力节点Java学院整理
Jul 10 HTML / CSS
HTML5实现自带进度条和滑块滑杆效果
Apr 17 HTML / CSS
原生canvas制作画图小工具的踩坑和爬坑
Jun 09 HTML / CSS
AmazeUI中模态框的实现
Aug 19 HTML / CSS
css animation配合SVG制作能量流动效果
Mar 24 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
php 数组二分法查找函数代码
2010/02/16 PHP
php设计模式 Decorator(装饰模式)
2011/06/26 PHP
php基于环形链表解决约瑟夫环问题示例
2017/11/07 PHP
js字符编码函数区别分析
2008/06/05 Javascript
JavaScript 学习笔记 Black.Caffeine 09.11.28
2009/11/30 Javascript
理解Javascript_07_理解instanceof实现原理
2010/10/15 Javascript
用函数模板,写一个简单高效的 JSON 查询器的方法介绍
2013/04/17 Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
2013/12/18 Javascript
HTML5+setCutomValidity()函数验证表单实例分享
2015/04/24 Javascript
Bootstrap每天必学之表格
2015/11/23 Javascript
javascript实现禁止复制网页内容汇总
2015/12/30 Javascript
Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
2016/07/10 Javascript
详解浏览器渲染页面过程
2017/02/09 Javascript
self.attachevent is not a function的解决方法
2017/04/04 Javascript
js图片放大镜实例讲解(必看篇)
2017/07/17 Javascript
windows系统下更新nodejs版本的方案
2017/11/24 NodeJs
vue-cli3脚手架的配置及使用教程
2018/08/28 Javascript
利用d3.js制作连线动画图与编辑器的方法实例
2019/09/05 Javascript
Node.js控制台彩色输出的方法与原理实例详解
2019/12/01 Javascript
linux下安装easy_install的方法
2013/02/10 Python
python数据库操作常用功能使用详解(创建表/插入数据/获取数据)
2013/12/06 Python
python实现的DES加密算法和3DES加密算法实例
2015/06/03 Python
python实现各进制转换的总结大全
2017/06/18 Python
python获取当前目录路径和上级路径的实例
2018/04/26 Python
python爬取个性签名的方法
2018/06/17 Python
使用python list 查找所有匹配元素的位置实例
2019/06/11 Python
利用python-pypcap抓取带VLAN标签的数据包方法
2019/07/23 Python
解决django服务器重启端口被占用的问题
2019/07/26 Python
pyautogui自动化控制鼠标和键盘操作的步骤
2020/04/01 Python
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
公司新年寄语
2014/04/04 职场文书
导航工程专业自荐信
2014/09/02 职场文书
班主任2015新年寄语
2014/12/08 职场文书
关于保护环境的建议书
2019/06/24 职场文书
Python闭包的定义和使用方法
2022/04/11 Python
JS高级程序设计之class继承重点详解
2022/07/07 Javascript