Maison > interface Web > tutoriel HTML > html5 worker 实例(一) 为什么测试不到效果

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

黄舟
Libérer: 2016-12-20 14:57:43
original
1533 Les gens l'ont consulté

很多人在测试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");
Copier après la connexion

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>
Copier après la connexion

 以上就是html5 worker 实例(一) 为什么测试不到效果的内容,更多相关内容请关注PHP中文网(m.sbmmt.com)! 


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal