diff options
Diffstat (limited to 'files/fr/web/api/performancenavigationtiming/loadeventend/index.md')
-rw-r--r-- | files/fr/web/api/performancenavigationtiming/loadeventend/index.md | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/files/fr/web/api/performancenavigationtiming/loadeventend/index.md b/files/fr/web/api/performancenavigationtiming/loadeventend/index.md new file mode 100644 index 0000000000..58b2490f45 --- /dev/null +++ b/files/fr/web/api/performancenavigationtiming/loadeventend/index.md @@ -0,0 +1,74 @@ +--- +title: PerformanceNavigationTiming.loadEventEnd +slug: Web/API/PerformanceNavigationTiming/loadEventEnd +tags: + - API + - Property + - Propriété + - Reference + - PerformanceNavigationTiming + - Performance Web +translation_of: Web/API/PerformanceNavigationTiming/loadEventEnd +--- +<div>{{APIRef("Navigation Timing")}}{{SeeCompatTable}}</div> + +<p>La propriété en lecture seule <strong><code>loadEventEnd</code></strong> renvoie un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> qui est égal à l'heure à laquelle l'événement de chargement du document actuel est terminé.</p> + +<h2 id="Syntax">Syntaxe</h2> + +<pre class="brush:js"><var>perfEntry</var>.loadEventEnd;</pre> + +<h3 id="Return_Value">Valeur de retour</h3> + +<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant le moment où l'événement de chargement du document actuel est terminé.</p> + +<h2 id="Example">Exemple</h2> + +<p>L'exemple suivant illustre l'utilisation de cette propriété.</p> + +<pre class="brush:js">function print_nav_timing_data() { + // Utilise getEntriesByType() pour obtenir uniquement les événements de type "navigation". + let perfEntries = performance.getEntriesByType("navigation"); + + for (let i = 0; i < perfEntries.length; i++) { + console.log("= Entrée de navigation : entry[" + i + "]"); + let p = perfEntries[i]; + // propriétés du DOM + console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart)); + console.log("Contenu du DOM complet = " + p.domComplete); + console.log("Contenu du DOM interactif = " + p.interactive); + + // temps de chargement et de déchargement des documents + console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart)); + console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart)); + + // autres propriétés + console.log("type = " + p.type); + console.log("redirectCount = " + p.redirectCount); + } +} +</pre> + +<h2 id="Specifications">Spécifications</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Spécification</th> + <th scope="col">Statut</th> + <th scope="col">Commentaire</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('Navigation Timing Level 2', + '#dom-performancenavigationtiming-loadeventend', 'loadEventEnd')}}</td> + <td>{{Spec2('Navigation Timing Level 2')}}</td> + <td>Définition initiale.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> + +<p>{{Compat("api.PerformanceNavigationTiming.loadEventEnd")}}</p> |