1. JavaScript Core Basic Syntax
1. JavaScript ist eine Programmiersprache, die die Interaktionseffekte erhöht. Es wurde ursprünglich von Netscape erfunden und schließlich bei der ECMA (Europäische Vereinigung der Computerhersteller) eingereicht. ECMA standardisiert JavaScript und heißt JavaScript.
2. JavaScript ist eine interpretierte Sprache, die direkt im Browser ohne Zusammenstellung ausgeführt werden kann.
3. Was wird JavaScript verwendet?
1. Sie können alle Elemente auf der Webseite steuern und die Elementattribute hinzufügen, löschen und ändern.
2. Sie können dynamischen Text in die HTML einfügen.
3. Reagieren Sie auf Ereignisse, die von Benutzern bei Verwendung von Webseiten generiert wurden.
4. Überprüfen Sie die vom Benutzer eingegebenen Daten.
5. Erkennen Sie den Browser des Benutzers.
6. verwendet, um Cookies zu erstellen.
4. Drei Möglichkeiten, JavaScript auf HTML -Webseiten zu erstellen
1. Externer Stil:
Erstellen Sie eine Datei mit dem Dateinamen: xx.js Links über <script src = "xx.js"> <script>
2. Einbettungsstil:
Verwenden Sie <script type = "text/javaScript"> </script> im Kopf oder Körper im HTML oder laden Sie es direkt mit <Script> </script>
3.. Inline -Stil:
Fügen Sie Ereignisse direkt zum Tag hinzu: <Eingabe onclick = "alert ('HelloWorld!')"> Laden
5. JavaScript -Datentyp:
Die Datentypen haben zwei Kategorien: 1. Primitive Datentypen 2. Referenzdatentypen (Objekte)
Originaldatentyp: 1. Typ 2. Number 3.String 4. Boolean 5.null 6.undefined
Referenzdatentypen: (Es gibt drei Arten von vordefinierten Objekten) 1. Native Objekte (Objekt, Nummer, String, Boolesche, Funktion, Array, Datum usw.).
6.Bom und Dom
BOM: Browser -Objektmodell
DOM: Dokumentobjektmodell
2. JavaScript -Ereignismodell
1. JavaScript-Ereignismodell: 1. Blasentyp: <Eingabe type = "Schaltfläche"> Wenn der Benutzer auf die Taste klickt: Eingabe-Body-HTML-Document-Window (Blasen von unten nach oben) dh Browser verwendet nur Bubble
2. Erfassungsart: <Eingabe type = "Schaltfläche"> Wenn der Benutzer auf die Schaltfläche klickt: Fenster-Dokument-HTML-Body-Eingabe (von oben nach unten)
Nach der ECMA -Standardisierung unterstützen andere Browser zwei Typen, und die Erfassung tritt zuerst auf.
2. Drei Möglichkeiten, traditionelle Ereignisse zu schreiben:
1. <Eingabe type = "button" onclick = "alert ('helloWorld!')">
2. <Eingabe type = "Taste onclick = name1 ()"> ====== <script> Funktion name1 () {alert ('HellOWord!');} </Script> // name function function
3. <Eingabe type = "Taste" id = "input1"> // anonyme Funktion
Die Codekopie lautet wie folgt:
<Script>
Var button1 = document.getElementById ("input1");
button1.onclick = function () {
Alarm ('Helloword!')
}
</script>
3.. Moderne Event -Writing -Methode:
Die Codekopie lautet wie folgt:
<input type = "button" id = "input1"> // Ereignisse in IE hinzufügen
<Script>
var fnclick () {
alarm ("Ich wurde geklickt")
}
var oinput = document.getElementById ("input1");
Oinput.attachEvent ("Onclick", fnclick);
------------------------------------------------------------------------------------------------------------------
Oinput.detAchEvent ("Onclick", fnclick); // Ereignis in IE löschen
</script>
<input type = "button" id = "input1"> // Ereignisse in DOM hinzufügen
<Script>
var fnclick () {
alarm ("Ich wurde geklickt")
}
var oinput = document.getElementById ("input1");
Oinput.AdDeVentListener ("Onclick", fnclick, true);
------------------------------------------------------------------------------------------------------------------
Oinput.removeEventListener ("Onclick", fnclick); // Ereignis in DOM löschen
</script>
<input type = "button" id = "input1"> // kompatibel mit IE- und DOM -Additionsereignissen für Ereignisse
<Script>
var fnclick1 = function () {alert ("Ich wurde geklickt")}
var fnclick2 = function () {alert ("Ich wurde geklickt")}
var oinput = document.getElementById ("input1");
if (document.attachEvent) {
Oinput.attacheAvent ("Onclick", fnclick1)
Oinput.attacheAvent ("Onclick", FNCLICK2)
}
sonst (document.addeventListener) {
Oinput.addeventListener ("Click", FNCLICK1, TRUE)
Oinput.AdDeVentListener ("Click", fnclick2, true)
}
</script>