Zusammenfassung von JavaScript-Wissenspunkten (Must-Read)

1. Das Konzept von JavaScript: Es handelt sich um eine Repräsentationssprache, und es handelt sich auch um eine Skriptsprache, die auf Objekt (Objekt) und ereignisgesteuertem (EventDiven) basiert und auf dem Client ausgeführt wird, wodurch die Belastung auf der Serverseite verringert wird. Die Zusammenfassung lautet wie folgt:

1.JavaScript wird hauptsächlich verwendet, um die HTML -Seite zu finden, um interaktives Verhalten hinzuzufügen.

2.JavaScript ist eine Skriptsprache mit ähnlicher Syntax wie Java.

3.. JavaScript wird im Allgemeinen zum Schreiben von Client -Skripten verwendet.

4.JavaScript ist eine interpretative Sprache, die während der Ausführung erklärt.

2. JavaScript besteht aus dem Kernsyntax -ECMAScript und dem Browser -Objektmodell (BOM). Es wird hauptsächlich zur Verwaltung der Kommunikation zwischen Windows verwendet, sodass sein Kernobjekt aus drei Teilen besteht: Fenster- und Dokumentobjektmodell (DOM).

3. Drei Möglichkeiten zur Einführung von JavaScript in Webseiten:

1. Verwenden Sie den internen Stil <Script> </script> Tag -Tag

2. Verwenden Sie externe JS -Dateien

1. Inline-Stile direkt in HTML-Tags.

4. Die Rolle von JavaScript

1. Implementieren Sie die Überprüfung der Seitenformformular

2. Implementieren Sie die Interaktionseffekte von Seite implementieren

5. Merkmale von JavaScript

1., um HTML -Seiten ein interaktives Verhalten zu verleihen

2. Es ist die beliebteste Skriptsprache im Internet

3. im Allgemeinen zum Schreiben von Client -Skripten verwendet

4.. Es ist eine interpretative Sprache

6. Wie man JavaScript einführt

1. Verwenden Sie das <Script> -Tag, um die Webseite direkt einzubetten

2. Verwenden Sie externe JS -Dateien

Gemeinsame Methoden für String -Objekte in JS:

1. toString (vor dem Paket, nicht nach dem Paket), 2. TolowerCase (); touppercase ();
2. Charat (Index); Gibt das Zeichen an der angegebenen Position Indexof (str, Index) zurück; Gibt die Position an, die zum ersten Mal in der Zeichenfolge erscheint; Split (str); teilt die Zeichenfolge in ein String -Array auf

In JavaScript kann der bedingte Anweisung Switch () {} mit einer Zeichenfolge verbunden werden;

alert ("prompt meldung");

var isok = bestätigen ("Bestätigungsfeld"); // Wenn die Bestätigung true zurückgibt, sonst return false zurück

Eingabeaufforderung (); Eingabeaufforderung ("Eingabeaufforderungsinformationen", "Eingabefeld Standardinformationen");

Eingabeaufforderung ("Bitte geben Sie Ihren Namen ein")

schließen();

offen();

setTimeout (); Rufen Sie eine Funktion auf, nachdem Sie Millisekunden angegeben haben

setInterval (); Ruft eine Funktion in Millisekunden angegebene Zeit für Millisekunden auf

window.open ();

7.JS -Syntax:

1. Fall empfindlich

2. Achten Sie auf die Namensschwerpunkte von Variablen, Funktionen usw.

3. Jede Codezeile endet mit einem Semikolon

Funktionen in JS:

1. Systemfunktionen

ParseInt (); in Ganzzahl umwandeln 45,9a konvertieren auf 45; A6 Convert kehrt an NAN zurück (nicht eine Zahl)

ISNAN (urteilen, ob es sich um eine Nummer handelt)

Typof (var); Bestimmen Sie, welcher Datentyp es ist

eval ("5+2"); berechnet den Ausdruckswert

2. benutzerdefinierte Funktionen

Funktionsfunktion Name () {JavaScript -Code}

Funktionsfunktionsname (Parameter 1, Parameter 2) {JavaScript -Code -Rückgabewert (optional)}

Aufruf von Funktionen in JS:

1. Ereignisname = "Funktionsname (Parameterwert übergeben)";
2. Funktionsname (Parameterwert übergeben);

Anonyme Funktionen:

1. Anonyme Funktionserklärung:

Var variable name = Funktion (Parameter) {Funktion Körperrückgabewert;};

1. Anruf

Variabler Name (Parameter)

8. Programmanrufe

1. Alert () hinzufügen; Methode 2. Verwenden Sie Firebug (); Verfahren

9.Bom -Übersicht: (Browser -Objektmodell, Browser -Objektmodell)

1. Eigenschaften des Fensterobjekts

Gemeinsame Methoden für weindow -Objekte: Propt () bestätigen (); setTimeout (); setInterval ();

Gemeinsame Ereignisse für Fensterobjekte: onload = "” onmouseover = ""; Onclick

window.parent.location

2. History -Objekt

Methode: back (); Vorwärts (); go ();

3. Das Standortobjekt enthält die URL der aktuellen Seite

Attribut: Host -Hostname HREF

Methode: reload () ersetzen ();

4. Dokumentobjekt

Attribut: Referrer -Attribut bestimmt, ob es über einen Hyperlink zugegriffen wird, gibt NULL nicht zurück

10. Objekte in JavaScript,

Datum Objekt:

Datumsobjekt erstellen und Methode senden var date = neues Datum (mm dd, yjyy, hh: mm: ss);

var date = new Date (); Datum.GetDay ();

Mathematikobjekt:

Ceil (); Runden Sie die Zahl zusammen, Ceil (25,5) = 26;

Boden(); Runddown, Boden (25,5) = 25;

Math.round (25,5); Runden Sie nach dem Hinzufügen von 0,5 zur ursprünglichen Zahl ab

11. DOME -Übersicht (Dokumentobjektmodell)

Bestehend aus Coredom, xmldom, html dom;

12. Erstellen Sie ein Array

Variablenerklärung in JS:

Var array name = new Array (Größe);

1. Zuerst deklarieren und dann Früchte zuweisen [0] = “
2. Deklarieren Sie die Zuordnung von var fruit = new Array ("Apfel", "Orange"); oder var fruit = new Array ["Apfel", "Orange"];

Lesen Sie 1.. Lesen Sie für Schleife 2. Lesen Sie für --- in

Für (var x in frucht) {document.write (frucht [x]+"<br/>")} x ist das Index

Fruit.sort (); // sortieren String str = fruit.join ("-"); // Fügen Sie eine Zeichenfolge hinzu und verbinden Sie eine Zeichenfolge

Dropdown-Objekt auswählen:

13. Stilpositionierungsstil

linke obere Position Z-Index

Mausspannungsentfernung: Scorlltop: vertikale Entfernung

scorlllleft: horizontaler Abstand

Maus Scrolling Urlaub: Onscorll

Konvertierung zwischen Jquery -Objekten und DOM -Objekten

1. JQuery -Objekt wird in DOMD -Objekt konvertiert. JQuery bietet zwei Methoden zum Umwandeln von JQuery -Objekt in DOM -Objekt, nämlich [Index] und GET (Index).

var $ txtname = $ ("#txtName"); // jQuery -Objekt

var txtName = $ txtName [0]; // Dom -Objekt

ALERT (txtName.Conted); // Überprüfen Sie, ob dieses Kontrollkästchen ausgewählt ist

Holen Sie sich das entsprechende DOM -Objekt über die Get (Index) Methode

Var $ txtname = $ ("#txtName"); // jQuery -Objekt

Var txtname = $ txtName.get (0); // Dom -Objekt

ALERT (txtName.Conted); // Überprüfen Sie, ob dieses Kontrollkästchen ausgewählt ist

1. DOM -Objekt in JQuery -Objekt konvertieren

Var txtname = document.getElementById ("txtName"); // Dom -Objekt

Var $ txtname = $ (txtName); //

Fügen Sie das Klassenattribut in DOM hinzu, um obj.className = className zu verwenden.

Fügen Sie den Klasseninhalt mit obj.innerhtml = <eingabe /> hinzu

Klassenattribut in jQuery hinzufügen, um obj.addclaa = className zu verwenden;

Zu verwendende Klasseninhalte hinzufügen: obj.html = <eingabe/>;

Die fünf wichtigsten Selektoren in jqurey:

1. Grundauswahl (#. Tag)
2. Hierarchischer Selektor (Nachkommen> Kinder + benachbarter ~ Peer)
3. Attributauswahl (p [class = name])
4. Filterauswahl ("tr: sogar")
5. Sichtbarkeitswahl ("P: Hidden" "P: Besuch")

Ereignisse in jQuery:

Obj.bind ("clike", function () {});

obj.bind ({mausver: function () {}, {Mouserout: function () {}}});

obj.unbind ();

obj.hover (function () {}, function () {}) Methodensammlung Onmouseover und Onmouseout

obj.toggle ();

$ (". tipsbox"). show (); obj.hide ();

$ ("IMG"). Fadein (1000);

$ (". TXT"). SlideUp (1000); obj.Slidedown (1000);

OBJ.TOGGLECLASS ("Klasse"); // Integrieren Sie AddClass und Romoveclass

$ (this) .val (""); // den Textinhalt löschen

Var $ newnode = $ (<"<" <li> Erstellen Sie einen neuen Elementknoten mit JQuery </li> ">);

Im regulären Ausdruck

Einige häufige Tipps in JS:

1. Verwenden Sie das !! Bediener um den Booleschen Wert umzuwandeln, der für Variablen verwendet werden kann! ! Variable zur Erkennung. Solange der Wert der Variablen lautet: 0, null, "", undefiniert oder Nan kehrt falsch zurück und die andere Möglichkeit ist wahr

Funktionskonto (Bargeld)

{

this.cash = Cash;

this.hasmoney = !! Kasse;

}

2. Verwenden Sie +, um die Zeichenfolge in Zahlen zu konvertieren, nur String -Daten sind anwendbar, andernfalls wird die NAN zurückgegeben

Funktion Tonumber (strnum) {

return +strnum;

}

Bis datum anwendbar () gibt die Zeitstempelnummer zurück: +neues Datum ();

3. Wenn die Schleife sehr groß ist, wird die Länge der Zahl zuerst angegeben, var legh = array.legth;

4.IB ('QuerySelector' in Dokument) {

document.querySelector ("#id");

} anders {

document.getElementById ("id");

}

5. Holen Sie sich das letzte Element im Array

var array = [1,2,3,4,5];

Array.Slice (-1);

6. Austausch von Streichelementen

var String = "John John";

String.Replace (/hn/, "Ana"); // "Joana John"

String.Replace (/hn/g, "ana"); // "Joana Joana"

Die obige JavaScript-Wissenspunktübersicht (Must Read) ist der gesamte Inhalt, der vom Editor geteilt wird. Ich hoffe, es kann Ihnen eine Referenz geben und ich hoffe, Sie können Wulin.com mehr unterstützen.