HTML5-Worker-Beispiel (1) Warum der Test nicht funktioniert_HTML5-Tutorial-Fähigkeiten

Viele Leute stoßen beim Testen der Worker-API immer auf Ausnahmen und können die Wirkung überhaupt nicht testen.
Bei der Verwendung von Workern müssen Sie darauf achten, dass eine einfache Textdatei keinen Worker implementieren kann. Der tatsächliche Code, den Sie schreiben, muss auf dem Server bereitgestellt werden (tomcat.jBoss usw.), um die Worker-API auszuführen.
Schreiben Sie unten ein einfaches Beispiel

js-Code test.js (Worker)

Code kopieren

Der Code lautet wie folgt:

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

html code index.html

Code kopierenDer Code lautet wie folgt:

;
🎜>--> body>
< ;script type="text/javascript"> }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"); ;
< /html>


Anstatt anschließend direkt auf die Seite index.html zuzugreifen, sehen Sie die vom Worker gesendete Zeichenfolge im Allgemeinen in tatsächlichen Anwendungen verwendet).