html5 worker 实例(一) 为什么测试不到效果

程序员文章站 2023-11-21 12:58:10

很多人在测试worker api的时候，总是会出现异常，根本测试不到效果，需要注意的是就是单纯的文本文件是实现不了worker的，你写的实际代码必须部署到服务器（tomcat.jBoss等）才能运... 13-06-24...

很多人在测试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">

</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传送）。

上一篇： HTML5 Canvas的性能提高技巧经验分享

下一篇： HTML5拖拽文件到浏览器并实现文件上传下载功能代码

html5 worker 实例(一) 为什么测试不到效果