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 相关文章推荐
35款精致的 CSS3 和 HTML5 网页模板 推荐
Aug 03 HTML / CSS
纯CSS3实现的阴影效果
Dec 24 HTML / CSS
纯CSS3实现8组超炫酷鼠标滑过图片动画
Mar 16 HTML / CSS
CSS3实现文字波浪线效果示例代码
Nov 20 HTML / CSS
CSS3的颜色渐变效果的示例代码
Sep 29 HTML / CSS
css3一个简易的 LED 数字时钟实现方法
Jan 15 HTML / CSS
HTML5等待加载动画效果
Jul 27 HTML / CSS
HTML5注册表单的自动聚焦与占位文本示例代码
Jul 19 HTML / CSS
html5模拟平抛运动(模拟小球平抛运动过程)
Jul 25 HTML / CSS
基于HTML5+Webkit实现树叶飘落动画
Dec 28 HTML / CSS
CSS3 天气图标动画效果
Apr 06 HTML / CSS
css position fixed 左右双定位的实现代码
Apr 29 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
关于BIG5-HKSCS的解决方法
2007/03/20 PHP
PHP 之Section与Cookie使用总结
2012/09/14 PHP
Laravel 5框架学习之Blade 简介
2015/04/08 PHP
Yii2 批量插入、更新数据实例
2017/03/15 PHP
PHP注释语法规范与命名规范详解篇
2018/01/21 PHP
让网页根据不同IE版本显示不同的内容
2009/02/08 Javascript
jQuery 标题的自动翻转实现代码
2009/10/14 Javascript
关于Mozilla浏览器不支持innerText的解决办法
2011/01/01 Javascript
深入理解JavaScript系列(1) 编写高质量JavaScript代码的基本要点
2012/01/15 Javascript
jQuery简单实现网页选项卡特效
2014/11/24 Javascript
jQuery获取上传文件的名称的正则表达式
2015/05/21 Javascript
详解JavaScript ES6中的Generator
2015/07/28 Javascript
JS框架之vue.js(深入三:组件1)
2016/09/29 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
2016/12/20 Javascript
JS实现向iframe中表单传值的方法
2017/03/24 Javascript
Vue.js进阶知识点总结
2018/04/01 Javascript
vue组件横向树实现代码
2018/08/02 Javascript
Vue项目实现简单的权限控制管理功能
2019/07/17 Javascript
解决layui中onchange失效以及form动态渲染失效的问题
2019/09/27 Javascript
[02:03]DOTA2亚洲邀请赛 HGT战队出场宣传片
2015/02/07 DOTA
Python中List.index()方法的使用教程
2015/05/20 Python
python 3.5下xadmin的使用及修复源码bug
2017/05/10 Python
用Python写一段用户登录的程序代码
2018/04/22 Python
python版大富翁源代码分享
2018/11/19 Python
Python实现的排列组合、破解密码算法示例
2019/04/12 Python
在python中用url_for构造URL的方法
2019/07/25 Python
Python Selenium截图功能实现代码
2020/04/26 Python
Python基于内置函数type创建新类型
2020/10/22 Python
python实现录音功能(可随时停止录音)
2020/10/26 Python
匈牙利最大的健身制造商和销售商:inSPORTline
2018/10/30 全球购物
酒店财务总监岗位职责
2015/04/03 职场文书
浪漫婚礼主持词开场白
2015/11/24 职场文书
Pytest实现setup和teardown的详细使用详解
2021/04/17 Python
SQL语法CONSTRAINT约束操作详情
2022/01/18 MySQL
MySQL中TIMESTAMP类型返回日期时间数据中带有T的解决
2022/12/24 MySQL