Zusammenfassung: Die Zusammensetzung von JavaScript, die Rolle jeder Komponente,
1. Die Zusammensetzung von JavaScript
JavaScript
ECMascript (Core) DOM (Dokumentobjektmodell) BOM (Browser -Objektmodell)
1.1ecmascript
ECMAScript ist eine über ECMA-262 standardisierte Skriptsprache. ECMA-262 Stipuliert Sprachen: Syntax, Typ, Anweisung, Schlüsselwort, reserviertes Wort, Operator, Objekt
1.2 Dom
DOM ordnet die gesamte Seite in eine mehrschichtige Knotenstruktur zu. Jede Komponente auf der HTML- oder XML -Seite ist ein bestimmter Knotentyp, der verschiedene Datenarten enthält.
1.3 Bom
Steuern Sie die Teile außerhalb der vom Browser angezeigten Seite
2. <Script> Elemente
2.1 wie man benutzt
Externe Verweise auf JavaScript -Dateien:
Die Codekopie lautet wie folgt:
<script type = "text/javaScript" src = "../../ xx.js"> </script>
Page JavaScript -Code einbetten
Die Codekopie lautet wie folgt:
<script type = "text/javaScript">
var first = "First Variable";
Alarm (zuerst);
</script>
2.2 Eigenschaften von <Script> Elementen
Skript für Verzögerungsverzögerungsverzögerung: Das Skript wird verzögert, bis die gesamte Seite vor seiner Ausführung analysiert wurde. Obwohl es verzögert ist, hat der Browser die JS -Datei heruntergeladen.
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<script type = "text/javaScript" defer = "defer" src = "Demo.js"> </script>
</head>
</html>
Obwohl sich das <script> -Tag im <kopf> -Tag befindet, wird im obigen Beispiel die Demo.js verzögert, bis der Browser </html> begegnet ist.
Aufschub ist nur für extern importierte Skriptdateien anwendbar
Asynchrones asynchrones Skript: Es ist nicht erforderlich, die Seite darauf zu warten, dass das Skript heruntergeladen und ausgeführt wird, um andere Inhalte der Seite asynchron zu laden. Daher ändern asynchrone Ladeskripte das DOM während des Ladens nicht.
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<script type = "text/javaScript" defer = "defer" src = "Demo1.js">
<script type = "text/javaScript" defer = "defer" src = "Demo2.js"> </script>
</head>
</html>
Alle von ihnen sind grundlegendes JavaScript -Wissen. Ich hoffe, dass jeder nicht einschlafen kann, wenn er es lesen. Nur wenn ein solides Fundament gelegt wird, kann es die Möglichkeit einer qualitativen Veränderung geben.