HTML5-Übung und Analyse verzögerter Skripte-H5-Tutorial-php.cn

HTML5-Übung und Analyse verzögerter Skripte

黄舟

Freigeben： 2017-02-10 14:26:31

Original

1961 Leute haben es durchsucht

Was ist ein verzögertes Skript? Der eigentliche HTML5-Kampf und die Analyse verzögerter Skripte helfen Ihnen, einige Probleme beim Laden von JavaScript zu lösen. Mit der verzögerten Skriptfunktion des eigentlichen HTML5-Kampfes und der Analyse müssen wir uns keine Sorgen mehr über die unordentliche Struktur der Seite machen, wenn sie für das Laden per JavaScript geladen wird.

Wenn es um verzögerte Skripte in JavaScript geht, gibt es ein solches Attribut bereits in HTML4.01. Es ist sehr praktisch, dem extern referenzierten Skript-Tag ein „Defer“-Attribut hinzuzufügen. Das Hinzufügen des Attributs „defer“ hat keinen Einfluss auf die Struktur der Seite. Mit anderen Worten: Das Skript wird geladen, aber nicht ausgeführt, und wird nacheinander ausgeführt, nachdem die Seite vollständig geladen ist. Schauen Sie sich zum besseren Verständnis das folgende Beispiel an.

In diesem Beispiel gibt es eine.html-Datei, auf die in dieser Datei verwiesen wird, ohne dass das Attribut „verzögertes Skript“ hinzugefügt wird, während die Datei „b.html“ das Attribut „verzögertes Skript“ hinzufügt. Es gibt jeweils zwei JavaScript-Dateien, a.js und b.js. Jede der beiden Dateien zeigt zur Demonstration den Namen ihrer eigenen Datei an.

　a.js-Code

alert("a");

Nach dem Login kopieren

b.js-Code

alert("b");

Nach dem Login kopieren

　ein.html-Code

<!doctype html>
<html dir="ltr" lang="zh-CN">
<head>
<meta charset="utf-8">
<title>梦龙</title>
<script type="text/javascript" src="a.js"></script>
<script type="text/javascript" src="b.js"></script>
</head>
<body>
<p class="a">
梦龙小站
</p>
</body>
</html>

Nach dem Login kopieren

　b.html-Code

<!doctype html>
<html dir="ltr" lang="zh-CN">
<head>
<meta charset="utf-8">
<title>梦龙</title>
<script type="text/javascript" defer="defer" src="a.js"></script>
<script type="text/javascript" defer="defer" src="b.js"></script>
</head>
<body>
<p class="a">
梦龙小站
</p>
</body>
</html>

Nach dem Login kopieren

Wie aus dem obigen Beispiel ersichtlich ist. Obwohl wir im Head-Tag auf a.js und b.js verwiesen haben, weil wir das Attribut „defer“ festgelegt haben. Daher werden die referenzierten a.js und b.js geladen, sie müssen jedoch ausgeführt werden, nachdem der Browser auf das Tag stößt. Da Browser Verzögerungsattribute unterschiedlich analysieren, ist die Reihenfolge, in der Verzögerungsskripte ausgeführt werden, unterschiedlich. Das Attribut „defer“ gilt nur für extern referenzierte JavaScript-Dateien und ignoriert mehrere andere Methoden zum Referenzieren von JavaScript-Dateien.

Unterstützte Browser sind: IE9, Firefox 3.5, Safari 5 und Chrome. Andere nicht unterstützte Browser laden und verarbeiten das Skript wie gewohnt.

Das Obige ist der Inhalt des tatsächlichen HTML5-Kampfes und der Analyse verzögerter Skripte. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!