HTML5 Web Workers. Reutilizare Web Worker. Web workers și DOM.
Partajeaza in Google Classroom
Partajeaza cu Google Classroom
Susține Lectii-Virtuale!
Memorator: Descriere video Descarcă PDF
Reutilizați Web Worker
Dacă setați variabila lucrător (worker) pe nedeterminată, după terminarea acesteia, puteți refolosi codul:
Exemplu complet de lucrător web (web worker)
Am văzut deja codul Worker în fișierul .js. Mai jos este codul pentru pagina HTML:
Exemplu:
Lucrătorii Web (web workers) și DOM
Întrucât lucrătorii web (web workers) se află în fișiere externe, aceștia nu au acces la următoarele obiecte JavaScript:
Dacă setați variabila lucrător (worker) pe nedeterminată, după terminarea acesteia, puteți refolosi codul:
w = undefined;
Exemplu complet de lucrător web (web worker)
Am văzut deja codul Worker în fișierul .js. Mai jos este codul pentru pagina HTML:
Exemplu:
<!DOCTYPE html>
<html>
<body>
<p>Numără numere: <output id="result"></output></p>
<button onclick="startWorker()">Start Worker</button>
<button onclick="stopWorker()">Stop Worker</button>
<script>
var w;
function startWorker() {
if (typeof(Worker) !== "undefined") {
if (typeof(w) == "undefined") {
w = new Worker("demo_workers.js");
}
w.onmessage = function(event) {
document.getElementById("result").innerHTML = event.data;
};
} else {
document.getElementById("result").innerHTML = "Ne pare rău! Nu există suport pentru Web Worker.";
}
}
function stopWorker() {
w.terminate();
w = undefined;
}
</script>
</body>
</html>
Lucrătorii Web (web workers) și DOM
Întrucât lucrătorii web (web workers) se află în fișiere externe, aceștia nu au acces la următoarele obiecte JavaScript:
- Obiectul ferestrei
- Obiectul documentului
- Obiectul părinte
Navigare în lectii
Cumpara abonament
Ajutor
Feedback-ul d-voastră este important pentru noi. Dacă observați vreo neregulă vă rugăm să ne-o semnalați apăsând butonul Trimite Feedback de mai jos.
