html5 worker 实例(一) 为什么测试不到效果
导读：收集整理的这篇文章主要介绍了html5 worker 实例(一 为什么测试不到效果，觉得挺不错的，现在分享给大家，也给大家做个参考。 很多人在测试worker api的时候，总是会出现异常，根本测试不到效果。 在使用worker...
收集整理的这篇文章主要介绍了html5 worker 实例(一) 为什么测试不到效果，觉得挺不错的，现在分享给大家，也给大家做个参考。 很多人在测试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传送）。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： html5 worker 实例(一) 为什么测试不到效果
本文地址： https://pptw.com/jishu/585199.html