Latest web development tutorials
×

JavaScript Kurs

JavaScript Kurs JavaScript Kurze Einführung JavaScript Verwendung JavaScript Export JavaScript Grammatik JavaScript Statements JavaScript Note JavaScript Variable JavaScript Datentypen JavaScript Objekte JavaScript Funktion JavaScript Anwendungsbereich JavaScript Ereignis JavaScript Schnur JavaScript Die Betreiber JavaScript vergleichen JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Typumwandlung JavaScript Reguläre Ausdrücke JavaScript Fehler JavaScript Fehlerbeseitigung JavaScript Variable Lift JavaScript Strict-Modus JavaScript Missbrauch JavaScript Formularauthentifizierung JavaScript reservierte Schlüsselwörter JavaScript JSON JavaScript void JavaScript Code-Spezifikation

JS Funktion

JavaScript Funktionsdefinition JavaScript Funktionsargumente JavaScript Funktionsaufruf JavaScript Verschlüsse

JS HTML DOM

DOM Kurze Einführung DOM HTML DOM CSS DOM Ereignis DOM EventListener DOM Element

JS Erweiterte Tutorial

JavaScript Objekte JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Objekte

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript Pop JavaScript Timed Ereignis JavaScript Cookies

JS Lagerhaus

JavaScript Lagerhaus JavaScript Test jQuery JavaScript Test Prototype

JS Beispiele

JavaScript Beispiele JavaScript Object-Instanz JavaScript Browser-Objektinstanz JavaScript HTML DOM Beispiele JavaScript Zusammenfassung

JS Referenzhandbuch

JavaScript Objekte HTML DOM Objekte

JavaScript-Code Spezifikationen

Alle JavaScript-Projekt gilt die gleiche Spezifikation.


JavaScript-Code Spezifikationen

-Code Spezifikationen umfassen im Allgemeinen die folgenden Aspekte:

  • Benennen von Variablen und Funktionen
  • Spaces, Einzüge, Kommentare, Nutzungsregeln.
  • Andere gemeinsame Spezifikation ......

Standardisierte Code leichter zu lesen und zu pflegen.

Codes der allgemeinen Vorschriften für die Entwicklung des ehemaligen, können Sie mit Ihren Teammitgliedern die Einstellung zu verhandeln.


Variablenname

Variablennamen empfohlene Methode Kamel genannt (Camelcase):

vorName = "John";
nachName = "Doe";

Preis = 19,90;
Steuern = 0,20;

Vollpreis = Preis + (Preis * netto);

Raum und der Betreiber

Typischerweise Operator (= + - * /) einen Raum vor und nach hinzuzufügen:

Beispiel:

var x = y + z;
var Werte = [ "Volvo", "Saab", "Fiat"];

Code eingerückt

Symbole verwenden in der Regel vier Räume einen Code-Block einrücken:

Funktionen:

Funktion toCelsius (Fahrenheit) {
return (5/9) * ( fahrenheit - 32);
}
Note Nicht empfohlen, die TAB-Taste verwenden, um einzurücken, wie verschiedene Editoren TAB-Taste nicht die gleiche Entschlossenheit ist.

Statements Regel

Einfache Anweisungen der allgemeinen Regeln:

  • Normalerweise als Statement-Terminator-Symbol.

Beispiel:

var Werte = [ "Volvo", "Saab", "Fiat"];

var person = {
vorName: "John",
nachName: "Doe",
Alter: 50,
Augenfarbe: "blau"
};

Allgemeine Regeln für komplexe Aussage:

  • Die Orthese am linken Ende der ersten Reihe.
  • Fügen Sie ein Leerzeichen vor den geschweiften Klammern.
  • Die Klammer auf der unabhängigen Linie.
  • Nicht mit einem Semikolon eine komplexe Aussage zu beenden.

Funktionen:

Funktion toCelsius (Fahrenheit) {
return (5/9) * ( fahrenheit - 32);
}

Zyklus:

for (i = 0; i < 5; i ++) {
x + = i;
}

Bedingte Anweisungen:

if (<20) {
Gruß = "Guten Tag";
} Else {
Gruß = "Guten Abend";
}

Objektregel

Object definierten Regeln:

  • Die linke Klammer auf der gleichen Linie mit dem Klassennamen.
  • Zwischen dem Doppelpunkt und die Attributwerte sind Räume.
  • Verwenden Sie doppelte Anführungszeichen Strings, Zahlen nicht.
  • Das letzte Attribut - Wert auf der Rückseite hinzu keine Kommas.
  • Die Klammer auf der unabhängigen Linie und Symbole als das Ende-Symbol.

Beispiel:

var person = {
vorName: "John",
nachName: "Doe",
Alter: 50,
Augenfarbe: "blau"
};

Kurzen Objektcode kann direkt auf die Zeile geschrieben werden:

Beispiel:

var person = {vorname: "John ", nachName: "Doe", Alter: 50, Augenfarbe: "blau"};

Weniger als 80 Zeichen des Codes in jeder Zeile

Zur Erleichterung der Lektüre empfehlen kleiner als die Anzahl der Zeichen pro Zeile 80.

Wenn eine JavaScript-Anweisung mehr als 80 Zeichen ist, wird es nach dem Komma-Operator oder Wrap empfohlen.

Beispiel:

document.getElementById ( "Demo") .innerHTML =
"Hallo w3big.";

Versuchen »

Namensregeln

Normalerweise wird eine Menge Code Sprache Namensregeln sind ähnlich, zum Beispiel:

  • Variablen und Funktionen für den Buckel Gesetz (Camelcase)
  • Globale Variablen in Großbuchstaben (Großbuchstaben)
  • Konstanten (wie PI) in Großbuchstaben (Großbuchstaben)

Variablenname Sie diese Art von Regeln verwenden: hyp-Hühner, Camelcase oder under_scores?

HTML und CSS Bindestrich (-) Zeichen:

HTML5-Attribut kann Data- (wie zB: Datenmenge, Daten-Preis) als Präfix.

CSS verwendet - den Namen der Eigenschaft (font-size) zu verbinden.

Note - Allgemein als eine Subtraktion in JavaScript, ist es nicht erlaubt.

Unterstrichen:

Viele Programmierer bevorzugen einen Unterstrich zu verwenden (zB: DATE_OF_BIRTH), vor allem in der SQL-Datenbank.

PHP-Sprache verwenden in der Regel Unterstrichen.

Pascal Rechtschreibung (Pascal):

Pascal Rechtschreibung (Pascal) in C-Sprache mehr.

Hump ​​Gesetz:

JavaScript ist in der Regel Buckel Methode empfohlen, jQuery und anderen JavaScript-Bibliotheken verwenden Kamel Recht.

Note Variablennamen beginnen nicht mit $ Marke Konflikte mit viel JavaScript-Bibliotheken.

HTML Last externen JavaScript-Dateien

Verwenden Sie einfache Format JavaScript-Datei zu laden (type-Attribut ist nicht erforderlich):

<Script src = "MyScript.js">

Verwenden Sie JavaScript, um HTML-Elemente zugreifen

Eine schlechte HTML-Format kann die Ausführung von JavaScript-Fehler verursachen.

Die folgenden zwei JavaScript-Anweisungen zur Ausgabe von unterschiedlichen Ergebnissen:

Beispiele

var obj = getElementById ( "Demo" )

var obj = getElementById ( "Demo" )

Versuchen »

HTML und JavaScript versuchen, die gleichen Namensregeln zu verwenden.

Zugang HTML (5) Code - Spezifikationen .


Dateinamenerweiterung

HTML - Datei Suffix kann .html (oder r .htm) sein.

CSS - Datei - Erweiterung ist .css.

JavaScript - Datei Suffix Js.


Kleindateinamen

Die meisten Webserver (Apache, Unix) Groß- und Kleinschreibung: London.jpg London.jpg nicht zugreifen können.

Andere Web-Server (Microsoft, IIS) wird nicht zwischen Groß- und Klein: London.jpg kann über London.jpg oder London.jpg zugegriffen werden.

Sie müssen einen einheitlichen Stil pflegen, empfehlen wir Dateinamen konsistente Verwendung Kleinbuchstaben.