Das beste HTML5 Web Workers-Tutorial im Jahr 2024. In diesem Tutorial können Sie Was ist ein Web Worker?,Browser-Unterstützung,HTML5 Web Workers Beispiele,Beispiele,Erkennen, ob der Browser die Web Worker unterstützt,Erstellen einer Web-Worker-Datei,Erstellen einer Web-Worker-Objekt,Web Worker Kündigung,Komplette Web Worker Beispielcode,Beispiele,Web Workers und die DOM, lernen
Web-Worker JavaScript im Hintergrund laufen und hat keine Auswirkungen auf die Leistung der Seite.
Wenn ein Skript in einer HTML-Seite ausgeführt wird, ist die Seite Zustand nicht mehr reagiert, bis das Skript abgeschlossen ist.
Web-Worker JavaScript im Hintergrund ausgeführt werden, unabhängig von anderen Skripten nicht die Leistung der Seite beeinflussen. Sie können auch weiterhin zu tun, was bereit ist zu tun: Klicken Sie auf Inhalt auszuwählen, usw., zu einer Zeit als Web-Arbeiter im Hintergrund läuft.
Internet Explorer 10, Firefox, Chrome, Safari und Opera-Support-Mitarbeiter.
Das folgende Beispiel erzeugt eine einfache Web-Arbeiter, im Hintergrund zu zählen:
demo_workers.js Datei Code:
Bevor Sie einen Web-Arbeiter zu schaffen, überprüfen Sie bitte den Browser des Benutzers unterstützt:
Jetzt wollen wir unsere Web-Arbeiter in einer externen JavaScript erstellen.
Hier haben wir ein Skript Zahl erstellt. Das Skript wird in der "demo_workers.js" Datei gespeichert:
Wichtiger Teil des Codes oben ist postmessage () -Methode - es verwendet wird, eine HTML-Seite Nachrichten zurückzukehren.
Hinweis: Web - Arbeiterist in der Regel nicht für eine solche einfache Skripte verwendet, aber für mehr CPU-intensive Aufgaben.
Wir haben bereits eine Web-Worker-Datei, und jetzt müssen wir es von einer HTML-Seite aufzurufen.
Der folgende Code erkennt das Vorhandensein des Arbeitnehmers, wenn es keine ist - es hat eine neue Web-Worker-Objekt erstellt und dann "demo_workers.js" Code ausführen:
Wir können dann stattfinden, und Empfangen von Nachrichten von der Web-Arbeiter.
In den Web-Arbeiter ein "onmessage" Ereignis-Listener:
Wenn wir eine Web-Arbeiter-Objekt erstellen, wird es weiterhin für Nachrichten (auch nach der Beendigung eines externen Script) zu hören, bis er durch beendet.
Um einen Web-Arbeiter beenden, und lassen Sie die Browser / Computer-Ressourcen, verwenden Sie die Methode terminate ():
Wir haben Js Datei Worker Code gesehen. Hier ist der Code HTML-Seite:
Da der Web-Arbeiter in einer externen Datei, können sie keinen Zugriff auf das JavaScript das folgende Beispiel-Objekt: