aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/performancenavigationtiming/loadeventend/index.md
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/api/performancenavigationtiming/loadeventend/index.md')
-rw-r--r--files/fr/web/api/performancenavigationtiming/loadeventend/index.md74
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 &lt; 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>