Dieser Artikel ist kein Referenzhandelsartikel, sondern nur für die Erzeugung eines allgemeinen Verständnisses von JS geeignet. Wenn Sie die detaillierte Syntax und Anwendung von JS benötigen, wechseln Sie bitte zu W3school.
Was ist JavaScript?
Die Geburt von JavaScript
Um 1995 betrug die Mainstream -Bandbreite der Welt 28,8 Kbit/s, und die durchschnittliche Download -Bandbreite der Welt beträgt jetzt 21,9 Mbit/s (Daten stammen von http://www.netindex.com). Zu diesem Zeitpunkt mussten die Internetnutzer lange Zeit warten, um jedes Mal eine Antwort vom Server zu erhalten, wenn sie ein Formular eingereicht haben. Es ist sehr wahrscheinlich, dass das, was sie erhalten hatten, nachdem sie ein paar Minuten gewartet hatten, war, dass ihnen eines fehlte. Um die Benutzererfahrung zu verbessern, wurden Skripte, die in den Browser -Client eingebettet sind, das ein einfaches Formteil erzielen kann, geboren, das JavaScript ist.
JavaScript wurde erstmals von Brendan Eich entwickelt, der bei NetScape (nn2,0) für NetScapenavigator 2.0 (nn2,0) arbeitete, das 1995 veröffentlicht wird und dann als LivesScript bezeichnet wird. Da er zu dieser Zeit mit der sehr beliebten Sun Company zusammenarbeitete, um den Trend der Zeit zu treffen - Java -Sprache, wurde diese Sprache JavaScript genannt.
Wie ist die Beziehung zwischen JavaScript und Java?
Dies ist auch die erste Reaktion von Laien, wenn sie JavaScript hören, und es ist auch eines der kritisierten Probleme in dieser Sprache.
Streng genommen gibt es keine Beziehung zwischen einem halben Cent. Wenn Sie sich engagieren müssen, sind einige der Funktionen der beiden möglicherweise die gleichen objektorientierten Ideen, Urteilsstrukturen, Schleifenaussagen usw., aber dies sind offensichtlich keine Javas Patente, sondern der Konsens der Programmiersprachen.
JavaScript -Standardisierung und Entwicklungsgeschichte
Als JavaScript gestartet wurde, dominierten NN -Browser mit besserer Benutzererfahrung den Browsermarkt, und Microsoft hat aufgenommen. Als IE3 gestartet wurde, veröffentlichte Microsoft VBScript und nannte es JScript, das sich nicht wesentlich von dem JavaScript von Netscape unterscheidet (in der heutigen Begriffen ist es ein Nachahmer). Angesichts des Wettbewerbs von Microsoft haben Netscape und Sun ihren eigenen JavaScript-Entwurf an die ECMA (European Association of Computer Manufacturers) eingereicht, um JavaScript zu standardisieren, und bildete schließlich die erste Version von ECMAScript (ECMA-262).
Interessanterweise gab es nach dem standardisierten JavaScript von Netscape ein internes Problem. JavaScript Research stagnierte, während Microsoft die Gelegenheit nutzte, um IE4 aufzuholen, und die erste JavaScript-Engine, die die ECMA-Spezifikationen folgte, ein Jahr vor NN integrierte. Darüber hinaus besetzt Microsoft System allmählich den Markt für Computerbetriebssysteme, und sein vorinstallierter IE-Browser-Marktanteil nimmt allmählich zu, und NN wird ständig in den Markt gedrückt. Wenn Microsoft jedoch seinen größten Rivalen verliert, hat es keine Motivation zu entwickeln. IE6 ~ IE8, sowohl Schnittstellenwiedergabe als auch Skriptausführung, ist unvereinbar miteinander und wird zu einem Verrückten in der Geschichte der Browser und zu einem Albtraum für Front-End-Entwickler.
Die Codekopie lautet wie folgt:
1.V1 Erstausgabe im Juni 1997
2. V2 Juni 1998 Format überarbeitet, um seine Form im Einklang mit dem ISO/IEC16262 International Standard zu machen
3.V3 Dezember 1999 leistungsstarke reguläre Ausdrücke, bessere Textkettenverarbeitung, neue Steueranweisungen, Ausnahmebehandlung, klarere Fehlerdefinitionen, Formatierung der Zahlenausgabe und andere Änderungen
4.V4 nicht abgeschlossen ... Vielleicht explizitere Klassendefinition, Namespace usw. ...
5. V5 Im Dezember 2009 wurde "strenger Modus" hinzugefügt, eine Untergruppe, die verwendet wird, um eine gründlichere Fehlerprüfung zu erhalten, um strukturelle Fehler zu vermeiden. Klären Sie viele Fuzzy-Spezifikationen von Version 3 und berücksichtigen das Verhalten realer Implementierungen, die sich konsequent von dieser Spezifikation unterscheiden. Einige neue Funktionen wurden hinzugefügt, wie Getters und Setter, die JSON und vollständigere Überlegungen zu Objekteigenschaften unterstützen.
**** im Juni 2004 stellte die Europäische Vereinigung der Computerhersteller den ECMA-357-Standard heraus, bei dem es sich um eine Erweiterung von ECMAScript, auch als E4X (ECMAScript für XML) bezeichnet.
Wie ist die Beziehung zwischen JavaScript und ECMascript?
Tatsächlich sollte die Frage sein, was die Beziehung zwischen JavaScript, Jscript und ECMascript ist. Tatsächlich ist ECMAScript die Gesamtspezifikation. JavaScript und Jscript werden beide gemäß dieser Spezifikation entwickelt und sind mit ECMAScript kompatibel, enthalten jedoch Funktionen jenseits von ECMAScript. Unabhängig davon, welcher Typ es jetzt ist, wird es allgemein als JavaScript bezeichnet, da es zum ersten Mal erschien und den größten Einfluss hat und sein Name bis heute weitergegeben wurde.
Was kann JavaScript tun?
Auf Webseiten können alle Vorgänge, die eine logische Verarbeitung erfordern, durch JavaScript abgeschlossen werden. Zum Beispiel:
Die Codekopie lautet wie folgt:
• Formbestätigung
• Animationseffekte
• Webspiele
•Countdown
•…
Es gibt viele andere Anwendungen, die ich hier nicht näher erläutern werde. Ich glaube, dass Sie nach dem Erlernen dieser Sprache viele Anwendungen finden werden.
Warum JavaScript lernen?
1. Da Sie keine Wahl haben, kann nur JavaScript alle häufig verwendeten Browser steuern, und JavaScript ist eine der wichtigsten Programmiersprachen der Welt, und das Lernen von Webtechnologie muss JavaScript lernen.
2. JavaScript ist eine schöne Sprache, es ist sehr gut, also müssen wir lernen
JavaScript -Positionierung
Die Codekopie lautet wie folgt:
1. JavaScript ist eine leichte Skriptsprache, die keine Kompilierung erfordert und von der JavaScript -Parsen -Engine analysiert und betrieben wird (bezieht sich im Allgemeinen auf den Browser, und natürlich werden Parser wie Knoten nicht ausgeschlossen)
2. JavaScript verfügt über nicht funktionierende Sprachmerkmale, funktionale Sprachmerkmale und dynamische Sprachmerkmale, und seine Syntax ist sehr flexibel.
3. JavaScript ist eine objektorientierte Programmiersprache. Es gibt ein Sprichwort in der JavaScript -Welt: Alles ist ein Objekt. Seine Vererbung basiert auf der Prototyp -Vererbung (ich habe zuvor einen speziellen Artikel geschrieben, in dem die Vererbung des Prototyps erläutert wird)
V.
5. JavaScript ist ohne Compiler geschrieben, aber nur ein Texteditor (Notepad ist ausgenommen, erhabener Text wird hier dringend empfohlen)
Was ist JavaScript?
Das von uns verwendete JavaScript enthält jetzt drei Teile: DOM, BOM und ECMAScript (oder Core JS).
Dom
Standardmäßig hat jeder zumindest ein gewisses Verständnis von HTML und CSS. Wenn Sie HTML und CSS direkt überspringen, um diesen Artikel zu lesen, lesen Sie bitte zuerst hier.
DOM, Dokumentobjektmodell
Wir wissen, dass XHTML verlangt, dass die Tags geschlossen werden müssen und die Verschachtung korrekt sein muss. Die Verschachtelung von Tags schafft eine Vater-Sohn-Beziehung (oder eine angesteinte Beziehung). DOM bietet eine große Anzahl von APIs, sodass wir Dom -Bäume leicht manipulieren können. Ich werde später einen Artikel schreiben, der speziell über JS Dom spricht.
Mit DOM können wir den Seiteninhalt der Seiten dynamisch ändern, Stile usw. anpassen, was auch eine JS -Vielfalt widerspiegelt.
Bom
BOM, Browser -Objektmodell
Ähnlich wie DOM, außer dass der Hauptkörper zum Browser wird. Der Browser bietet auch eine große Anzahl von APIs, von denen einige für JS offen sind und uns eine Möglichkeit bieten, Browserfenster zu betreiben.
Gemeinsame Verwendungen:
Die Codekopie lautet wie folgt:
1. Die Fähigkeit, ein neues Browserfenster aufzunehmen;
2. Die Fähigkeit, die Größe des Browserfensters zu bewegen, zu schließen und zu ändern;
3.. Navigationsobjekte, die detaillierte Informationen zum Webbrowser liefern können;
4. Lokale Objekte, mit denen detaillierte Informationen zum Browser -Ladeseite bereitgestellt werden können;
5. Bildschirmobjekte, die detaillierte Informationen zur Bildschirmauflösung des Benutzers bereitstellen können.
6. Support Cookies;
7. Internet Explorer erweitert BOM um ActiveX -Objektklassen, und ActiveX -Objekte können über JavaScript implementiert werden.
ECMascript -Kern
Auch als JS Core bezeichnet, egal wie Sie es nennen, es bedeutet die gleiche Bedeutung, es repräsentiert die Kernzusammensetzung der JS -Sprache, einschließlich der Variablendefinition, der Müllsammlung, der Syntax, des Umfangs usw. Im Gegensatz zum oben genannten DOM und der oben genannten BOM müssen wir nur diese APIs verwenden, und EcMascript -Kern ist die Essenz dieser Sprache und benötigen kontinuierliche Forschungen. Das nächste Kapitel wird weiter über die Syntax von JS sprechen.
JavaScript -Verwendung
Inline-Stil
Inline -Formular ist JavaScript in Tags geschrieben. Zum Beispiel schreiben wir in HTML:
Die Codekopie lautet wie folgt:
<Schaltfläche onclick = "alert ('klickte');"> Klicken Sie auf </button>
Wenn wir auf die Schaltfläche klicken, wird im Feld angezeigt "Klicken".
Beachten Sie jedoch, dass dies stark nicht empfohlen wird, da dies die Wartung großer Probleme verursacht. Jedes Mal, wenn wir das Ereignis ändern müssen, müssen wir zuerst das Element finden und dann seinen JavaScript -Inhalt ändern, und diese JavaScript -Codes können nicht wiederverwendet werden.
Darüber hinaus müssen in Tags geschriebene Ereignisse "On" sein, und JS können nur durch Ereignisse in Tags eingeführt werden, und einfache JS -Ausdrücke können nicht geschrieben werden.
Eingebettet
Eingebettet bedeutet, JS -Code in das HTML -Skript -Tag zu schreiben. Die Methode besteht darin, HTML ein Skript -Tag hinzuzufügen und dann einen JS -Code in der Mitte des Tags wie folgt hinzuzufügen:
Die Codekopie lautet wie folgt:
<html>
<body>
<button id = "btn"> klicken Sie auf </button>
</body>
<Script>
<span style = "Schriftfamilie: Arial, Helvetica, sans-serif;"> var btn = document.getElementById ("Btn"); </span> <pre name = "code"> btn.onclick = function () {
alarm ("klicken");
}
</script> </html>
Wenn Sie einen eingebetteten Stil verwenden, ist er viel freier als Inline -Stil. Sie können mehr Code schreiben, vermeiden, dass Anführungsprobleme entkommen und leichter behalten. Aber das Problem existiert auch. Diese Codes können nur auf diese Seite angewendet werden und können nicht von anderen Seiten verwendet werden.
Extern
Die externe Verbindungsmethode löst alle Mängel der beiden oben genannten Formen. Die folgenden Methoden sind wie folgt:
Erstellen Sie zuerst eine neue Datei und ändern Sie das Suffix in .js. Zum Beispiel erstellen wir eine neue klick.js -Datei und kopieren den JS -Code in der von uns gerade geschriebenen eingebetteten Version (Beachten Sie, dass wir keine Skript -Tags enthalten).
Die Codekopie lautet wie folgt:
var btn = document.getElementById ("btn");
btn.onclick = function () {
alarm ("klicken");
}
Importieren Sie es dann in HTML über ein Skript -Tag
Die Codekopie lautet wie folgt:
<html>
<body>
<button id = "btn"> klicken Sie auf </button>
</body>
<script src = "click.js"> </script>
</html>
Der Vorteil davon ist, dass der gleiche JS -Code von mehreren HTML -Seiten gemeinsam genutzt werden kann. Der Nachteil besteht darin, dass die Anzahl der Dateien zunimmt und die für Anfragen erforderliche Zeit erhöht wird. Daher sollte die Wiederverwendbarkeit des Codes verbessert werden, und schließlich sollte die JS -Datei zusammengeführt werden (fusionieren Sie verschiedene JS -Dateien in eine JS -Datei)