1. JavaScript ist eine Skriptsprache, die für die Interaktion mit Webseiten entwickelt wurde. Seine Komposition
ECMascript (Core) DOM (Dokumentobjektmodell) BOM (Browser -Objektmodell)
1.1ecmascript
Von ECMA-262 definiertes ECMAScript hat keine Abhängigkeit vom Webbrowser. ECMA-262 definiert nur die Grundlagen dieser Sprache und bietet Kernsprachenfunktionen.
ECMAScript ist eine über ECMA-262 standardisierte Skriptsprache. ECMA-262 Stipuliert Sprachen: Syntax, Typ, Anweisung, Schlüsselwort, reserviertes Wort, Operator, Objekt
1.2 DOM (Dokumentobjektmodle)
DOM ist eine Anwendungsprogrammierschnittstelle für XML, wurde jedoch für HTML erweitert und bietet Methoden und Schnittstellen für den Zugriff auf und zum Manipulieren von Webinhalten.
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 (Bower -Objektmodell)
Steuern Sie das andere Teil der vom Browser angezeigten Seite. Die BOM verarbeitet nur die Browser -Fenster und Frameworks und bietet Methoden und Schnittstellen für die Interaktion mit dem Browser.
2. <Script> Elemente
2.1 Referenz -JavaScript -Datei
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">
// JavaScript -Code
</script>
JavaScript -Code, der im <Skript> -Element enthalten ist
2.2 Eigenschaften von <Script> Elementen
Skript für Verspätungsverzögerungsverzögerung: Sagen Sie den Browser sofort herunter, das Skript wird verzögert, bis die gesamte Seite vor seiner Ausführung analysiert wurde. Defer eignet sich nur für extern eingeführte Skriptdateien
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<script type = "text/javaScript" defer = "defer" src = "example.js"> </script>
</head>
</html>
Obwohl sich das <Script> -Tag im <kopf> -Tag befindet, wird Demo.js verzögert, bis der Browser </html> begegnet ist.
asynchrones asynchrones Skript: Die Seite muss darauf warten, dass das Skript heruntergeladen und ausgeführt wird, um andere Inhalte der Seite asynchron zu laden
Wie bei Defer gilt es nur für extern importierte Skriptdateien. Async fordert den Browser an, Dateien sofort herunterzuladen, aber im Gegensatz zu Defer garantiert die Markierung von asynchronisierten Skripten die Ausführung nicht in der Reihenfolge, in der sie angegeben werden. Es wird empfohlen, dass asynchrone Skripte das DOM während des Ladens nicht ändern.
Die Codekopie lautet wie folgt:
<!-asynchrones Skript->
<script type = "text/javaScript" async = "async" src = "example1.js"> </script>
<script type = "text/javaScript" async = "async" src = "example2.js"> </script>
2.3 Eigenschaften von <noscript> Elementen
Die Codekopie lautet wie folgt:
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<title> test </title>
<!-Verzögerungskript->
<scriptType = "text/javaScript" defer = "defer" src = "example.js"> </script>
<!-Leitfadenskript->
<script type = "text/javaScript" async = "async" src = "example1.js"> </script>
<script type = "text/javaScript" async = "async" src = "example2.js"> </script>
</head>
<body>
<NoScript>
<p> Diese Seite zeigt, dass der Browser -Support (aktiviert) JavaScript erforderlich ist
</noscript>
</body>
</html>
Der Browser unterstützt keine Skripte
Der Browser unterstützt Skripte, das Skript ist jedoch deaktiviert, und der Browser zeigt den Inhalt in <noscript> an
Auf dieser Seite wird eine Nachricht an den Benutzer angezeigt, wenn das Skript ungültig ist, und in einem Skript-fähigen Browser wird der Benutzer es nie sehen
Das obige dreht sich alles um diesen Artikel. Ich hoffe es kann dir gefallen. Diese Serie wird weiterhin aktualisiert.