Exemple de travailleur html5 (1) Pourquoi le test ne fonctionne pas_compétences du didacticiel html5

De nombreuses personnes rencontrent toujours des exceptions lors du test de l'API de travail et ne peuvent pas du tout tester l'effet.
Une chose à laquelle vous devez faire attention lorsque vous utilisez des Workers est qu'un simple fichier texte ne peut pas implémenter un Worker. Le code que vous écrivez doit être déployé sur le serveur (tomcat.jBoss, etc.) pour exécuter l'API du Worker.
Écrivez un exemple simple ci-dessous

code js test.js (worker)

Copier le code

Le code est le suivant :

function messageHandler(e) {
postMessage("worker say: " e.data " aussi");
addEventListener("message", messageHandler, true);
postMessage("2222222222");

index de code html

Copier le codeLe code est le suivant :

;


;meta http-equiv= "description" content="ceci est ma page">
🎜>--> body>
< ;script type="text/javascript">
if(typeof(Worker)!=="undefined"){
console.log("zhichi worke"
}else{
console.log("pas de support!");
}
function messageHandler(e){
console.log(e.data);
}
function; errorHandler(e){
console.log(e.message, e);
}
var monWorker = new Worker("task.js");
myWorker.addEventListener("message", messageHandler, true);
myWorker.addEventListener("error", errorHandler, true);
myWorker.postMessage("1 fangsong d"); ;
< /html>


Au lieu d'accéder directement à la page index.html par la suite, vous verrez la chaîne envoyée par le travailleur dans le panneau de console du navigateur (la transmission json est généralement utilisé dans des applications réelles).