Was sind Variablen?
Variablen sind Container, die zum Speichern von Informationen verwendet werden
Variable Deklaration
Grammatik:
var variabler Name
variabler Name = Wert;
Variablen müssen zuerst deklariert und dann zugewiesen werden
Variablen können wiederholt zugeordnet werden
Benennungsregeln für Variablen
Variablen müssen mit Buchstaben beginnen;
Variablen können auch mit den $ und _ Symbolen beginnen (wir empfehlen dies jedoch nicht).
Variablennamen sind fallempfindlich (a und a sind unterschiedliche Variablen).
Stellungnahme
Die Aussage endet mit einem Semikolon; Wenn das Semikolon weggelassen wird, wird das Ende der Aussage vom Parser bestimmt.
Haben Sie eine gute Codierungsgewohnheit, Sie müssen mit;
Datentyp
In JavaScript ist eine Information ein Wert . Es gibt verschiedene Arten von Werten, und der Typ, mit dem jeder am besten vertraut ist, sind Zahlen. Der Zeichenfolgenwert ist von umgeben von umgeben
Ein oder mehrere Wörter in Zitaten.
Nummer jeder numerische Wert. Zahlen können dezimal oder ohne 68,57 sein
Zeichen in String -Anführungszeichen. Sie können einzelne oder doppelte Zitate "Hallo, Welt" verwenden
Boolean wahr oder falsch wahr
Undefinierte und null undefinierte Werte zeigen an, dass die Variable keinen Wert enthält. Sie können die Variable löschen, indem Sie den Wert der Variablen auf NULL festlegen.
Jeder Wert, der einem Objekt zugeordnet ist
Der von der Funktionsfunktion zurückgegebene Wert
1 var a; // a ist undefiniert2 var a = 6; // a ist die Nummer 3 var a = "jason"; // a ist eine Zeichenfolge
Was ist eine Funktion?
Funktionen sind eine Reihe von JavaScript -Anweisungen, die eine bestimmte Aufgabe ausführen.
Grundlegende Syntax:
Funktionsfunktion Name () {Funktionscode;}Funktionsname ();
veranschaulichen:
Funktion definiert Funktion Schlüsselwörter.
"Funktionsname" Der Name, den Sie der Funktion angegeben haben.
"Funktionscode" wird durch Code ersetzt, der eine bestimmte Funktion ausführt.
Ein Funktionsaufruf von "zweiter Funktionsname"
1 Funktion add2 () {2 var sun = 3 + 2;1 <Eingabe type = "Schaltfläche" value = "klicken Sie mich" onclick = "add2 ()" /> 2 <!-Nachdem Sie auf die Schaltfläche geklickt haben, rufen Sie die Funktion auf, Onclick ist das Klickenereignis->
Ausgabeinhalt (document.write)
document.write () gibt Inhalte direkt auf der Webseite aus.
Der erste Typ: Der Ausgangsinhalt ist mit "" "und direkt den Inhalt im" "" Zeichen "ausgibt.
document.write ("Ich liebe JavaScript!");Der zweite Typ: Ausgabeinhalt durch Variablen ausgeben
var mystr = "Hello World"; document.write (MySRT); // Schreiben Sie den Variablennamen direkt und geben Sie den von der Variablen gespeicherten Inhalt aus
Der dritte Typ: Ausgabe mehrerer Inhalte und verbinden Sie sie mit + Zeichen.
var mystr = "hello"; document.write (mystr + "Ich liebe Java -Skript"); // Verbinde mehrere Elemente mit + Zeichen
Der vierte Typ: Ausgabe -HTML -Tags und -arbeit, und die Tags sind mit "" eingeschlossen.
var mystr = "hello"; document.write (mystr+"<br>"); // nach ausgegeben Hallo, Ausgabe eines Newline -Dokuments.Write ("JavaScript");Warnung (Dialogfeld "Alarmnachricht)
Wenn wir die Website besuchen, wird manchmal ein kleines Fenster mit einem Nachrichtentext auftauchen. Wenn Sie nicht auf "OK" klicken, können Sie nichts gegen die Webseite tun
Wie man arbeitet, wird dieses kleine Fenster mit Alert implementiert.
Syntax: Alarm (String oder Variable);
var mynum = 30; alert ("Hallo!"); alarm (mynum);Ergebnis: Das Meldungsfeld wird in der Reihenfolge angezeigt (das Dialogfeld "Alarm wird das Meldungsdialogfeld" enthält eine OK -Schaltfläche).
Beachten:
1. Vor dem Klicken auf die Schaltfläche "OK" im Dialogfeld können keine weiteren Vorgänge ausgeführt werden.
2. Das Meldungsdialogfeld kann normalerweise zum Debuggen eines Programms verwendet werden.
3.. Warnausgabeinhalt, der eine Zeichenfolge oder eine Variable sein kann, ähnlich wie document.write
Auswahl bestätigen (Meldungsdialog bestätigen)
Neben der Bereitstellung von Informationen für Benutzer möchten wir auch Informationen von Benutzern erhalten. Das Dialogfeld zur Meldung bestätigen wird hier verwendet.
Das Dialogfeld zur Meldung bestätigen Sie normalerweise, damit Benutzer Optionen treffen können, z. B. "Sind Sie Recht?" und so weiter. Ein Dialogfeld wird angezeigt (einschließlich einer OK -Schaltfläche und einer Schaltfläche Abbrechen).
Syntax: Bestätigung (str);
Parameter Beschreibung: STR: Der Text, der im Meldungsdialogfeld angezeigt wird, gibt zurück: boolescher Wert
Rückgabewert:
Geben Sie True zurück, wenn der Benutzer auf die Schaltfläche "OK" klickt
Kehren Sie zu False zurück, wenn der Benutzer auf die Schaltfläche "Abbrechen" klickt
Hinweis: Der Rückgabewert kann verwendet werden, um zu bestimmen, auf welcher Schaltfläche der Benutzer klickt.
<script type = "text/javaScript"> var MyMessage = Bestätigung ("Magst du JavaScript?"); if (myMessage == true) {document.write ("Gut, komm schon!"); } else {document.write ("js ist mächtig, du musst lernen!"); } </script>Stellen Sie eine Frage (Eingabeaufforderung Meldungsdialog) stellen
Manchmal soll der Benutzer nicht nur mit Ja/Nein antworten. Stattdessen wird auf eine spezifischere Antwort gehofft. In diesem Fall können wir den ProPt verwenden.
Eingabeaufentwicklungsdialogfeld Popup-Nachrichten, das normalerweise verwendet wird, um nach Informationen zu fragen, die mit dem Benutzer interagieren müssen. Ein Meldungsdialogfeld wird angezeigt (einschließlich einer OK -Schaltfläche, einer Schaltfläche Abbrechen und einem Texteingangsfeld).
Grammatik:
Eingabeaufforderung (str1, str2);
Parameterbeschreibung:
STR1: Der im Dialogfeld zur Nachricht angezeigte Text kann nicht geändert werden
STR2: Der Inhalt im Textfeld kann geändert werden
Rückgabewert:
1. Klicken Sie auf die Schaltfläche OK, und der Inhalt im Textfeld gibt den Wert als Funktion zurück.
2. Klicken Sie auf die Schaltfläche Abbrechen, um zu NULL zurückzukehren
Funktion rec () {var Score; // Bewertungsvariable wird verwendet, um den vom Benutzer eingegebenen Bewertungswert zu speichern. Score = Eingabeaufforderung ("Bitte geben Sie Ihre Punktzahl ein", "90"); if (Score> = 90) {document.write ("Du bist großartig!"); } else if (Score> = 75) {document.write ("Good!"); } else if (Score> = 60) {document.write ("Come on!"); } else {document.write ("hart arbeiten!"); };}; <Script> var myname = prompt ("Geben Sie Ihren Namen ein"); if (myName! = null && myName! } else {document.write ("Welcom to" + myName); } </script>Öffnen Sie ein neues Fenster (Fenster.open)
Grammatik:
window.open ([url], [Fenstername], [Parameterzeichenfolge])
Parameterbeschreibung:
URL: Optionaler Parameter, URL oder Pfad der Webseite, die im Fenster angezeigt werden soll. Wenn dieser Parameter weggelassen wird oder sein Wert eine leere Zeichenfolge ist, zeigt das Fenster keine Dokumente an.
Fenstername: Optionaler Parameter, Name des geöffneten Fensters.
1. Der Name besteht aus Buchstaben, Nummern und Unterstrichen.
2. Fenstername: Optional ist diese Zeichenfolge eine von Comma getrennte Funktionsliste, die den Namen des geöffneten Fensters deklariert. Kann
Es ist "_top", "_blank", "_self", "_parent" usw.
_blank zeigt die Zielseite in einem neuen Fenster an
_self zeigt die Zielwebseite im aktuellen Fenster an
_Parent Frame -Webseite zeigt die Zielwebseite in der aktuellen gesamten Fensterposition an
_top Frame -Webseite zeigt die Zielwebseite im oberen Fenster an
3. Es kann nur ein Fenster mit demselben Namen erstellt werden, und wenn Sie mehrere Fenster erstellen möchten, kann der Name nicht der gleiche sein.
4. Der Name kann keine Leerzeichen enthalten.
Parameterzeichenfolge: Optionale Parameter, setzen Sie die Fensterparameter und trennen Sie jeden Parameter mit Kommas.
Parametertabelle:
T op -Nummernnummer Die Anzahl der Pixel oben im Fenster, verlässt die Oberseite des Bildschirms
linke Nummer Die Anzahl der Pixel am linken Ende des Fensters verlässt das linke Ende des Bildschirms
Breite Anzahl der Breite des Fensters
Höhennummer Fensterhöhe
Menubar Ja, nein befindet sich ein Menü im Fenster
Symbolleiste Ja, nein befindet sich eine Symbolleiste im Fenster
Scrollbars Ja, nein Gibt es eine Scrollbar im Fenster
Status Ja, nein Gibt es eine Statusleiste im Fenster
<skript type = "text/javaScript"> window.open ('http: //', '_ leer', 'width = 300, height = 200, mseuBAR = nein, Symbolleiste = nein, status = nein, scrollBars = yes') </script>Schließen Sie das Fenster (Fenster.CLOSE)
close () close () schließen Fenster
Verwendung:
1 Fenster.CLOSE (); // Schließen Sie dieses Fenster 2 <fensterobjekts> .close (); // Schließen Sie das angegebene Fenster
Zum Beispiel: Schließen Sie das neu erstellte Fenster.
1 <skript type = "text/javaScript"> 2 var mywin = window.open ('// www.vevb.com'); // Speichern Sie das neu gedruckte Fensterobjekt in der variablen MyWin3 mywin.close (); 4 </script>Innerhtml -Attribut
Das Innerhtml -Attribut wird verwendet, um den Inhalt eines HTML -Elements zu erhalten oder zu ersetzen.
Grammatik:
Object.innerhtml
Objekt ist das erhaltene Elementobjekt, das erhalten wurde, z. B. das Erhalten des Elements über Dokument.
<H2 id = "con"> JavaScript </h2>
<script type = "text/javaScript"> var mychar = document.getElementById ("con"); document.write ("Original -Titel:"+mychar.innerhtml+"<br>"); // Ausgabe des ursprünglichen H2 -Tag -Inhalts mychar.innerhtml = "Hello World" document.write ("Modifizierter Titel:"+mychar.innernhtml); // Ausgabe des geänderten H2 -Tag -Inhalts </script>Ändern Sie den HTML -Stil
Grammatik:
Object.Style.Property = neuer Stil;
HINWEIS: Objekt ist das erhaltene Elementobjekt , wie das über Dokument erhaltene Element.GetElementById ("ID").
<H2 id = "con"> Ich liebe JavaScript </H2>
<script type = "text/javaScript"> var mychar = document.getElementById ("con"); mychar.style.color = "rot"; mychar.style.background = "#ccc"; mychar.style.width = "300px"; </script>Zeigen und ausblenden (Attribut anzeigen)
Grammatik:
Object.Style.Display = Wert
Wert:
Keines Dieses Element wird nicht angezeigt (und versteckt)
Block Dieses Element wird als Element auf Blockebene angezeigt (d. H. Anzeige)
mychar.style.display = "Block"
Kontrollklassenname (ClassName Attribut)
ClassName -Eigenschaft setzt oder gibt die Klasseneigenschaft des Elements zurück.
Grammatik:
Object.className = className
Wirkung:
1. Holen Sie sich das Klassenattribut des Elements
2. Weisen Sie einem Element auf der Webseite einen CSS -Stil zu, um das Erscheinungsbild des Elements zu ändern
p2.classname = "zwei";
Die obigen JavaScript-Basisstudiennotizen (Muss für Neulinge) sind alle vom Editor geteilten Inhalte. Ich hoffe, es kann Ihnen eine Referenz geben und ich hoffe, Sie können Wulin.com mehr unterstützen.