Heim >Web-Frontend >js-Tutorial >Analyse verzögerter Ausführungsprobleme von js_javascript-Fähigkeiten

Analyse verzögerter Ausführungsprobleme von js_javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 16:43:341482Durchsuche

Sehen Sie sich diesen Code an:

<body>
  <script src="deffer.js"></script>
  content
 </body>
Der Inhalt von

deffer.js ist:

alert(1)

Auf diese Weise bleibt die Seite leer, bis das Warnfenster geschlossen wird. Weil das Warnfenster verhindert, dass die Seite weiter gerendert wird.

Um solche Probleme zu vermeiden, werden die Attribute deffer und async in der HTML-Spezifikation definiert. Die spezifischen Definitionen dieser beiden Attribute werden hier jedoch nicht besprochen, sie werden jedoch verwendet, um dem Browser mitzuteilen, dass diese Seite ausgeführt werden muss nach Abschluss des Seitenrenderings Der Inhalt des Skripts, sodass die Seite gerendert wurde, wenn das Skript ausgeführt wird.

<body>
  <script deffer async src="deffer.js"></script>
  content
 </body>

Beachten Sie, dass bei mehreren Skripten mit hinzugefügtem Deffer oder Async die Ausführungsreihenfolge nichts mit der Reihenfolge zu tun hat, in der sie auf der Seite angezeigt werden. Auch wenn in der HTML-Spezifikation festgelegt ist, dass Deffer-Skripte der Reihe nach ausgeführt werden sollen, halten sich Browser tatsächlich nicht an diese Konvention.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn