JavaScript ist eine beschreibende Sprache, aber es ist nicht schwer zu lernen. Solange Sie es sorgfältig studieren, werden Sie es auf jeden Fall gut lernen. Ich glaube, wenn Sie diesen Artikel lesen, müssen Sie HTML gelernt haben. Verwenden Sie JavaScript, um eine bessere Interaktion mit Webseiten zu haben. Kommen wir zum Thema.
1. JavaScript
1.Was ist JavaScript
JavaScript ist eine beschreibende Sprache und auch eine Skriptsprache, die auf Objekt- und Ereignisantrieb basiert (Ereignisgesteuert).
2. Merkmale von JavaScript
JavaScript wird hauptsächlich verwendet, um HTML -Seiten interaktives Verhalten hinzuzufügen.
JavaScript ist eine Skriptsprache mit ähnlicher Syntax wie Java.
JavaScript wird im Allgemeinen zum Schreiben von Client -Skripten verwendet.
JavaScript ist eine interpretative Sprache.
3. Die Zusammensetzung von JavaScript
ECMSScript -Standard (Standard, der alle Attribute, Methoden und Objekte angibt)
Bom -Browser -Objektmodell: Interagieren Sie mit HTML
DOM -Dokumentobjektmodell: Zugriff auf und manipulieren Sie HTML -Dokumente
4. Grundlegende JavaScript -Struktur
<script Language = ”JavaScript” type = ”text/javaScript”> </script> Sprache = ”JavaScript” wird verwendet, um anzuzeigen, dass die verwendete Sprache JavaScript ist
5. JavaScript -Ausführungsprinzip
1. Der Browser -Client sendet eine Anfrage an den Server. (Die vom Benutzer in der Browser -Adressleiste eingegebene Adresse)
2. Datenverarbeitung: Die Serverseite verarbeitet eine Seite mit JavaScript.
3. Senden Antwort: Der Server sendet die Seite an den Browser -Client, um die HTML -Datei mit JavaScript zu verarbeiten, und dann anschließend der Browser -Client die HTML -Tags und JavaScript -Tags von oben nach unten an, wodurch der Seiteneffekt dem Benutzer angezeigt wird.
zwei. So stellen Sie JavaScript in Webseiten ein
1. Verwenden Sie das <Script> -Tag.
2. Verwenden Sie externe JavaScript -Dateien.
Ich möchte JavaScript auf mehreren Seiten ausführen, um den gleichen Effekt zu erzielen, in der Regel verwendete Dateien mit externen Dateien wie .js.
So beziehen Sie sich auf eine Datei mit .js als Erweiterung:
<script src = ”../ 1.js”> </script>
Hinweis: Externe Dateien können <skripts> </script> nicht enthalten
3. direkt in HTML -Tags
<Eingabename = 'Btn' type = "button" value = "Pop -up -Nachrichtenfeld" onclick = "JavaScript: alert (" Welcome ");"/>3.JavaScript -Kernsyntax
1. Deklaration und Zuordnung von Variablen
Die Variablenerklärung wird nur in VAR verwendet, und die Benennungsspezifikation von Variablen ähnelt Java. Var num = 1;
In JavaScript können Variablen direkt ohne Deklaration verwendet werden, diese Verwendung wird jedoch nicht empfohlen.
2. Datentyp
Undefiniert (undefinierter Typ)
NULL (NULL -Typ)
Nummer (Nummer Typ)
String (String -Typ)
Booleschen (Boolesche Typ)
3. Der Unterschied zwischen undefinierter und Null
Null bedeutet "kein Objekt", das heißt, es sollte dort keinen Wert geben. Typische Verwendung ist:
(1) Als Parameter einer Funktion ist der Parameter der Funktion kein Objekt.
(2) als Endpunkt der Objektprototypkette.
Object.getPrototypeof (Object.Prototype) // null
Undefiniert bedeutet "fehlender Wert", was bedeutet, dass es hier einen Wert geben sollte, aber es wurde noch nicht definiert. Typische Verwendung ist:
(1) Wenn eine Variable deklariert wird, aber keine Zuordnung hat, entspricht sie undefiniert.
(2) Beim Aufrufen der Funktion wird der Parameter, der bereitgestellt werden sollte, nicht bereitgestellt und der Parameter ist gleich und definiert.
(3) Das Objekt hat kein Attribut, das dem Wert zugewiesen ist, und der Wert des Attributs ist undefiniert.
(4) Wenn die Funktion keinen Wert zurückgibt, wird undefiniert standardmäßig zurückgegeben.
4. Es gibt nur 6 Fälle, und das Ergebnis wird als falsch festgelegt.
Null, falsch, undefiniert, 0, "", Nan
5. Einige häufige Methoden der Saiten
toString (); Gibt die Zeichenfolge zurück
tolowercasee (); Ersetzen Sie die Zeichenfolge durch Kleinbuchstaben.
touppercase (); Saite in Großbuchstaben konvertieren
Charat (Index); Gibt die Zeichenfolge am angegebenen Ort zurück
Indexof (STR, Index); Finden Sie das erste Auftreten einer angegebenen Zeichenfolge in der Zeichenfolge
Substring (Index, Index); Gibt eine Zeichenfolge zurück, die sich zwischen dem angegebenen Index1 und Index2 befindet (einschließlich Index1 und Index2, jedoch nicht Index2).
Split (str); Teilen Sie die Zeichenfolge in das Zeichenarray auf
6. Drei Möglichkeiten, ein Array zu erstellen und dem Array Werte zuzuweisen
01. var num = ('1', '2');
02.var num = New Array (2);
Num [0] = 1;
Num [1] = 2;
03.var num = ['1', '2'];
Gemeinsame Methoden und Eigenschaften von Arrays
Länge: Stellen oder geben Sie die Anzahl der Elemente im Array ein oder geben Sie zurück
Join (): Geben Sie alle Sprachgeschwindigkeiten des Arrays in eine Zeichenfolge ein und teilen Sie sie durch Teilen von Zeichen.
Sort (): Sortieren Sie das Array
Push (): Fügen Sie ein oder mehrere Elemente zum Ende des Arrays hinzu und legen Sie die neue Länge zurück.
<script type = "text/javaScript">
// 01. Methode 1: Erstellen Sie ein Array und weisen Sie dem Array einen Wert zu
// var fruit = new Array ('Apfel', 'Orange', 'Pfirsich', 'Bananer');
// 02. Methode 2: Erstellen Sie zuerst ein Array und weisen Sie dann dem Array einen Wert über ein Index zu
var fruits = neuarray (4);
Früchte [0] = 'Apple';
Früchte [1] = 'Orange';
Früchte [2] = 'Pfirsich';
Früchte [3] = 'Bananer';
// 03 Methode 3: Ähnlich wie die Methode 1, das Symbol wird jedoch geändert
// var fruitss = new Array ['Apple', 'Orange', 'Peach', 'Bananer'];
// 04. Zugriff auf Daten mit dem Index 3 im Array
document.write (Früchte [0]);
// 05 Legen Sie das Element durch die Join -Methode des Arrays in die Zeichenfolge und teilen Sie es mit dem angegebenen Trennzeichen auf
var result = fruits.join (',');
// 06Sort das Array durch die Sortiermethode
fruits.sort ();
// 06. Fügen Sie ein oder mehrere Elemente am Ende hinzu und geben Sie schließlich die neue Länge des Arrays zurück
var länge = fruits.push ('wert', 'foot');
document.write ('/n' + länge);
// 07. Über das Array wiederholen
für (var item in fruits)
{
alarm (Früchte [Element]);
}
</script>
7. Betreiber
8 Programmdebugging
Lösung 1: Debugging in VS
Schritte: 01. Legen Sie die zu debuggierte Seite als Startseite fest
02. Setzen Sie den Haltepunkt
03. Drücken Sie F5, um das Debuggen zu starten
Lösung 2: Chrombrowser -Debugging
Schritte: 01. Klicken Sie auf F12, um das Tool aufzurufen
02. Setzen Sie den Haltepunkt
03. Aktualisieren Sie die Seite
Lösung 3: dh Browser
Schritte: 01.F12, Entwicklerwerkzeuge
02. Wechseln Sie zur Registerkarte Skript
03. Setzen Sie den Haltepunkt
04. Starten Sie das Debuggen
05. Aktualisieren
4. Funktionen in JavaScript
1. häufig verwendete Systemfunktionen
01. Parseint ("String");
ParseInt () -Funktion überprüft das Zeichen zuerst an Position 0 und bestimmt, ob es sich um eine gültige Nummer handelt. Wenn nicht, gibt es NAN zurück und führt keine anderen Operationen durch. Wenn das Zeichen jedoch ein gültiger Parameter ist, zeigt die Funktion das Zeichen an Position 1 an und führt denselben Test durch. Dieser Vorgang wird fortgesetzt, bis festgestellt wird, dass das Charakter ein gültiges Zeichen ist. Zu diesem Zeitpunkt wandelt das Zeichen die vorherige Zeichenfolge in eine Zahl um.
z.B:
var num1 = parseInt ("78,9") // Der Rückgabewert beträgt 78
var num2 = parseInt ("afa78.9") // Der Rückgabewert ist NAN
02.Parsefloat ("String");
Seine Verwendung ähnelt ParseInt, außer dass der erste Punkt, der in der Zeichenfolge erscheint, als gültiges Zeichen angesehen wird.
z.B:
var num1 = parseInt ("78,9") // Der Rückgabewert beträgt 78
var num2 = parseInt ("afa78.9") // Der Rückgabewert ist NAN
2. benutzerdefinierte Funktionen
In JavaScript besteht eine benutzerdefinierte Funktion aus Funktion, Funktionsname, einer Reihe von Parametern und JavaScript -Anweisungen, die in Klammern ausgeführt werden sollen.
Schauen wir uns die Syntax an:
Funktionsfunktionsname (Parameter 1, Parameter 2, ..)
{
// JavaScript -Anweisung
[Rückgabewert]
}
Funktion ist ein Schlüsselwort, das eine Funktion definiert und dort sein muss.
Die Parameter 1 und Parameter 2 sind Parameter der Funktion, da der Typ von JavaScriptp schwach ist und bei gegebener Angabe des Parameters keinen Typ bereitstellen muss.
Der Anfang und Ende einer von {} definierten Funktion.
Die Rückgabeanweisung wird verwendet, um den von der Funktion zurückgegebenen Wert anzugeben.
2. Aufruf von Funktionen
Um eine Funktion auszuführen, müssen Sie zuerst diese Funktion aufrufen und den Funktionsnamen und die folgenden Parameter formulieren.
z.B:
<script type = ”text/javaScript”> Funktion show () {} show (); </script>3.. Anonyme Funktionen
Anonyme Funktionen sind Funktionen ohne Namen, auch Verschluss genannt, die eine vorübergehende Erstellung einer Funktion ohne festgelegten Namen ermöglichen. Am häufigsten als Wert für Rückrufparameter verwendet, wissen viele Anfänger nicht über anonyme Funktionen. Lassen Sie es uns hier analysieren.
Funktionsfunktionsname (Parameterliste) {Funktion Körper;}
Wenn Sie anonyme Funktionen erstellen, sollte dies sein:
function () {function body;}
Da es sich um eine anonyme Funktion handelt, sind im Allgemeinen keine Parameter übergeben.
Warum anonyme Funktionen erstellen? Unter welchen Umständen werden anonyme Funktionen verwendet? Es gibt zwei gemeinsame Szenarien für anonyme Funktionen, eine ist die Rückruffunktion und die andere besteht darin, die Funktion direkt auszuführen.
z.B:
<script Language = "javaScript"> var a = "a"; (function () {var a = "b"; alert (a);}) (); alert (a); </script>Im obigen Code werden zwei Alarmfelder nacheinander ausgegeben. Der Inhalt der ersten Alarmbox ist B und der zweite a. Ich dachte, es gibt eine anonyme Methode in diesem Skript -Tag, und wenn B zum ersten Mal auftauchte, war es aufgetaucht (a), nachdem er eine anonyme Methode berührt hatte.
Das obige grundlegende JavaScript -Tutorial - ein Must -Read -Artikel für den Einstieg ist der Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.