Home-theater-designers
Wenn Sie dynamische Webseiten erstellen möchten, müssen Sie Ihre HTML- und CSS-Kenntnisse mit . ergänzen ein Verständnis von JavaScript . Diese Skriptsprache gilt als unverzichtbar in der modernen Webentwicklung.
Sie können mit JavaScript alle möglichen interessanten interaktiven Apps und Websites erstellen, aber dabei gibt es viel zu lernen. Vor diesem Hintergrund haben wir den folgenden JavaScript-Spickzettel für Sie erstellt.
Der Spickzettel kann jederzeit als schnelle Auffrischung von JavaScript-Elementen dienen. Es ist praktisch für Anfänger und Experten gleichermaßen.
Wie melde ich mich beim Playstation-Netzwerk an?
KOSTENFREIER DOWNLOAD: Dieser Spickzettel ist als herunterladbares PDF von unserem Vertriebspartner TradePub. Sie müssen nur zum ersten Mal ein kurzes Formular ausfüllen. Herunterladen Der ultimative JavaScript-Spickzettel .
Der ultimative JavaScript-Spickzettel
| Abkürzung | Handlung |
|---|---|
| JavaScript-Arrays | |
| concat() | Verbinde mehrere Arrays zu einem |
| copyWithin() | Array-Elemente innerhalb des Arrays zu und von bestimmten Positionen kopieren |
| Index von() | Gibt den primitiven Wert des angegebenen Objekts zurück |
| beinhaltet() | Überprüfen Sie, ob ein Array das angegebene Element enthält |
| beitreten() | Kombinieren Sie Elemente eines Arrays zu einem einzigen String und geben Sie den String zurück |
| Einträge() | Geben Sie ein Array-Iterationsobjekt für ein Schlüssel/Wert-Paar zurück |
| jeden() | Überprüfen Sie, ob jedes Element in einem Array einen Test besteht |
| füllen() | Füllen Sie die Elemente in einem Array mit einem statischen Wert |
| Filter() | Erstellen Sie ein neues Array mit jedem Element in einem Array, das einen Test besteht |
| finden() | Gibt den Wert des ersten Elements in einem Array zurück, das einen Test besteht |
| für jeden() | Rufen Sie eine Funktion für jedes Array-Element auf |
| von() | Erstellen Sie ein Array aus einem Objekt |
| lastIndexOf() | Geben Sie die letzte Position an, an der ein bestimmtes Element in einem Array erscheint |
| knall () | Entferne das letzte Element eines Arrays |
| drücken() | Fügen Sie am Ende ein neues Element hinzu |
| umkehren() | Elemente in absteigender Reihenfolge sortieren |
| reduzieren() | Reduzieren Sie die Werte eines Arrays auf einen einzelnen Wert (von links nach rechts gehen) |
| ReduzierenRechts() | Reduzieren Sie die Werte eines Arrays auf einen einzelnen Wert (von rechts nach links gehen) |
| Schicht() | Entferne das erste Element eines Arrays |
| Scheibe() | Ziehen Sie eine Kopie eines Teils eines Arrays in ein neues Array-Objekt |
| Sortieren() | Elemente alphabetisch sortieren |
| spleißen() | Fügen Sie Elemente in einer bestimmten Weise und Position hinzu |
| unshift() | Füge am Anfang ein neues Element hinzu |
| Boolesche JavaScript-Methoden | |
| toString() | Wandeln Sie einen booleschen Wert in einen String um und geben Sie das Ergebnis zurück |
| Wert von() | Gibt die erste Position zurück, an der ein gegebenes Element in einem Array erscheint |
| toSource() | Gibt einen String zurück, der den Quellcode des Objekts darstellt |
| Arithmetische JavaScript-Operatoren | |
| + | Zusatz |
| - | Subtraktion |
| * | Multiplikation |
| / | Aufteilung |
| (...) | Gruppierungsoperator (Operationen in Klammern werden früher ausgeführt als diejenigen außerhalb) |
| % | Modul (Rest) |
| ++ | Nummern erhöhen |
| - | Zahlen dekrementieren |
| == | Gleicht |
| === | Gleicher Wert und gleicher Typ |
| ! = | Nicht gleich |
| == | Ungleicher Wert oder ungleicher Typ |
| > | Größer als |
| < | Weniger als |
| > = | Größer als oder gleich wie |
| <= | Kleiner oder gleich |
| ? | Ternärer Operator |
| Logische Operatoren | |
| && | Logisches UND |
| || | Logisches ODER |
| ! | Logisches NICHT |
| Bitweise Operatoren | |
| & | UND-Anweisung |
| | | ODER-Anweisung |
| ~ | NICHT |
| ^ | XOR |
| << | Linksverschiebung |
| >> | Rechte Shifttaste |
| >>> | Null auffüllen nach rechts verschieben |
| Funktionen | |
| Alarm() | Ausgabe von Daten in einer Alertbox im Browserfenster |
| bestätigen Sie() | Öffnen Sie einen Ja/Nein-Dialog und geben Sie je nach Benutzerklick wahr/falsch zurück |
| Konsole.log() | Schreiben von Informationen in die Browserkonsole (gut für Debugging-Zwecke) |
| document.write() | Schreiben Sie direkt in das HTML-Dokument |
| prompt() | Erstellen Sie einen Dialog für Benutzereingaben |
| Globale Funktionen | |
| dekodiert () | Decodieren Sie einen Uniform Resource Identifier (URI), der von encodeURI oder ähnlichem erstellt wurde |
| decodeURIComponent() | Decodieren Sie die Komponenten-URI |
| encodeURI() | Codieren Sie einen URI in UTF-8 |
| encodeURIComponent() | Gleich, aber für URI-Komponenten |
| eval() | Werten Sie JavaScript-Code aus, der als String dargestellt wird |
| ist endlich () | Bestimme, ob ein übergebener Wert eine endliche Zahl ist |
| isNaN() | Bestimmen, ob ein Wert eine unzulässige Zahl ist |
| Nummer() | Konvertieren Sie den Wert eines Objekts in eine Zahl |
| parseFloat() | Analysieren Sie einen String und geben Sie eine Gleitkommazahl zurück |
| parseInt() | Analysieren Sie einen String und geben Sie eine ganze Zahl zurück |
| JavaScript-Schleifen | |
| zum | Die gebräuchlichste Methode zum Erstellen einer Schleife in JavaScript |
| während | Bedingungen einrichten, unter denen eine Schleife ausgeführt wird |
| tun während | Ähnlich wie die while-Schleife wird sie jedoch mindestens einmal ausgeführt und am Ende überprüft, ob die Bedingung für eine erneute Ausführung erfüllt ist |
| brechen | Stoppen und beenden Sie den Zyklus, wenn bestimmte Bedingungen erfüllt sind |
| fortsetzen | Überspringen Sie Teile des Zyklus, wenn bestimmte Bedingungen erfüllt sind |
| Fluchtzeichen | |
| ' | Einzelzitat |
| ' | Doppelzitat |
| \ | Backslash |
| B | Rücktaste |
| F | Formular-Feed |
| Neue Zeile | |
| R | Wagenrücklauf |
| T | Horizontaler Tabulator |
| v | Vertikaler Tabulator |
| JavaScript-String-Methoden | |
| charAt () | Gibt ein Zeichen an einer bestimmten Position innerhalb einer Zeichenfolge zurück |
| charCodeAt () | Geben Sie den Unicode des Zeichens an dieser Position ein |
| concat() | Verketten (verbinden) Sie zwei oder mehr Strings zu einem |
| fromCharCode() | Gibt eine Zeichenfolge zurück, die aus der angegebenen Sequenz von UTF-16-Codeeinheiten erstellt wurde |
| Index von() | Geben Sie die Position des ersten Vorkommens des angegebenen Textes innerhalb einer Zeichenfolge an |
| lastIndexOf() | Wie indexOf(), aber mit dem letzten Vorkommen, Rückwärtssuche |
| Spiel() | Abrufen der Übereinstimmungen einer Zeichenfolge mit einem Suchmuster |
| ersetzen() | Angegebenen Text in einer Zeichenfolge suchen und ersetzen |
| Suche() | Führen Sie eine Suche nach einem passenden Text aus und geben Sie seine Position zurück |
| Scheibe() | Extrahieren Sie einen Abschnitt eines Strings und geben Sie ihn als neuen String zurück |
| Teilt() | Teilen Sie ein String-Objekt an einer bestimmten Position in ein Array von Strings auf |
| beginnt mit() | Überprüfen Sie, ob eine Zeichenfolge mit angegebenen Zeichen beginnt |
| substr() | Ähnlich wie Slice(), extrahiert jedoch eine Teilzeichenfolge abhängig von einer bestimmten Anzahl von Zeichen |
| Teilzeichenfolge() | Ähnlich wie Slice(), kann aber keine negativen Indizes akzeptieren |
| toLowerCase() | Konvertieren von Zeichenfolgen in Kleinbuchstaben |
| toUpperCase() | Konvertieren von Zeichenfolgen in Großbuchstaben |
| Wert von() | Gibt den primitiven Wert (der keine Eigenschaften oder Methoden hat) eines String-Objekts zurück |
| REGELMÄSSIGE AUSDRUCKSYNTAX Mustermodifikatoren | |
| Und | Ersatz bewerten |
| ich | Abgleich ohne Beachtung der Groß-/Kleinschreibung durchführen |
| g | Globalen Abgleich durchführen |
| m | Führen Sie mehrere Zeilenabgleiche durch |
| S | Behandeln Sie Zeichenfolgen als einzelne Zeile |
| x | Kommentare und Leerzeichen im Muster zulassen |
| U | Ungieriges Muster |
| Klammern | |
| [ABC] | Suchen Sie nach einem der Zeichen in den Klammern |
| [^ abc] | Suchen Sie nach einem Zeichen, das nicht in den Klammern steht |
| [0-9] | In Klammern angegebene Ziffer suchen |
| [A-z] | Finden Sie jedes Zeichen von Großbuchstaben A bis Kleinbuchstaben z |
| (a|b|c) | Finden Sie eine der Alternativen, die mit | . getrennt sind |
| Metazeichen | |
| . | Suchen Sie ein einzelnes Zeichen, außer Newline oder Zeilenabschlusszeichen |
| in | Wortzeichen |
| IN | Nicht-Wort-Zeichen |
| D | Eine Ziffer |
| D | Ein nicht-stelliges Zeichen |
| S | Leerzeichen |
| S | Zeichen ohne Leerzeichen |
| B | Finden Sie eine Übereinstimmung am Anfang/Ende eines Wortes |
| B | Finden Sie eine Übereinstimmung nicht am Anfang/Ende eines Wortes |
| u0000 | NUL-Zeichen |
| Ein neues Zeilenzeichen | |
| F | Formular-Feed-Zeichen |
| R | Wagenrücklaufzeichen |
| T | Tabulatorzeichen |
| v | Vertikales Tabulatorzeichen |
| xxx | Zeichen angegeben durch eine Oktalzahl xxx |
| xdd | Lateinisches Zeichen angegeben durch eine hexadezimale Zahl dd |
| udddd | Unicode-Zeichen, das durch eine Hexadezimalzahl angegeben wird dddd |
| Quantifizierer | |
| n+ | Entspricht einer beliebigen Zeichenfolge, die mindestens ein n . enthält |
| n* | Jede Zeichenfolge, die null oder mehr Vorkommen von n . enthält |
| n? | Jede Zeichenfolge, die null oder ein Vorkommen von n . enthält |
| n{X} | Jeder String, der eine Folge von X n enthält |
| n {X, Y} | Strings, die eine Folge von X bis Y n enthalten |
| n{X,} | Entspricht jeder Zeichenfolge, die eine Folge von mindestens X n enthält |
| n$ | Beliebiger String mit n am Ende |
| ^n | String mit n am Anfang |
| ?=n | Jede Zeichenfolge, auf die eine bestimmte Zeichenfolge n . folgt |
| ?!n | String, auf den kein bestimmter String folgt n |
| Zahleneigenschaften | |
| MAX_VALUE | Maximal in JavaScript darstellbarer numerischer Wert |
| MIN_VALUE | Kleinster positiver numerischer Wert, der in JavaScript darstellbar ist |
| NaN | Der Not-a-Number-Wert |
| NEGATIVE_INFINITY | Negativer Infinity-Wert |
| POSITIVE_INFINITY | Positiver Infinity-Wert |
| Zahlenmethoden | |
| toExponential() | Gibt einen String mit einer gerundeten Zahl in Exponentialschreibweise zurück |
| toFixed() | Rückgabestring einer Zahl mit einer angegebenen Anzahl von Dezimalstellen |
| toPrecision() | Rückgabestring einer Zahl geschrieben mit einer bestimmten Länge |
| toString() | Gibt eine Zahl als String zurück |
| Wert von() | Eine Zahl als Zahl zurückgeben |
| Mathematische Eigenschaften | |
| UND | Eulersche Zahl |
| LN2 | Natürlicher Logarithmus von 2 |
| LN10 | Natürlicher Logarithmus von 10 |
| LOG2E | Logarithmus zur Basis 2 von E |
| LOG10E | Logarithmus zur Basis 10 von E |
| PI | Die Zahl PI |
| SQRT1_2 | Quadratwurzel von 1/2 |
| SQRT2 | Quadratwurzel von 2 |
| Mathematische Methoden | |
| Bauch (x) | Gibt den absoluten (positiven) Wert von x . zurück |
| Zubehör (x) | Arkuskosinus von x im Bogenmaß |
| asin(x) | Arkussinus von x im Bogenmaß |
| atan (x) | Arkustangens von x als numerischer Wert |
| atan2 (y, x) | Arkustangens des Quotienten seiner Argumente |
| Decke(x) | Wert von x auf die nächste ganze Zahl aufgerundet |
| cos(x) | Kosinus von x (x ist im Bogenmaß) |
| exp(x) | Wert von Ex |
| Etage(x) | Wert von x auf die nächste ganze Zahl abgerundet |
| log(x) | Natürlicher Logarithmus (Basis E) von x |
| max(x,y,z,...,n) | Nummer mit dem höchsten Wert |
| min (x, y, z, ..., n) | Zahl mit dem niedrigsten Wert |
| pow (x, y) | X hoch y |
| willkürlich() | Zufallszahl zwischen 0 und 1 |
| rund(x) | Wert von x auf seine nächste ganze Zahl gerundet |
| Sünde (x) | Sinus von x (x ist im Bogenmaß) |
| Quadrat (x) | Quadratwurzel von x |
| also (x) | Tangente eines Winkels |
| Termine | |
| Datum() | Erstellen Sie ein neues Datumsobjekt mit dem aktuellen Datum und der aktuellen Uhrzeit |
| Datum(2017, 5, 21, 3, 23, 10, 0) | Erstellen Sie ein benutzerdefiniertes Datumsobjekt. Die Zahlen stehen für Jahr, Monat, Tag, Stunde, Minuten, Sekunden, Millisekunden. Sie können alles weglassen, was Sie wollen, außer Jahr und Monat. |
| Datum(2017-06-23) | Datumsdeklaration als String |
| Verabredung bekommen() | Holen Sie sich den Tag des Monats als Zahl (1-31) |
| getDay() | Holen Sie sich den Wochentag als Zahl (0-6) |
| getFullYear() | Holen Sie sich das Jahr als vierstellige Zahl (yyyy) |
| getHours() | Holen Sie sich die Stunde (0-23) |
| getMillisekunden() | Holen Sie sich die Millisekunde (0-999) |
| getMinutes() | Holen Sie sich die Minute (0-59) |
| getMonth() | Holen Sie sich den Monat als Zahl (0-11) |
| getSeconds() | Holen Sie sich die zweite (0-59) |
| Zeit kriegen() | Holen Sie sich die Zeit (Millisekunden seit dem 1. Januar 1970) |
| getUTCDate() | Tag (Datum) des Monats im angegebenen Datum nach Weltzeit (auch verfügbar für Tag, Monat, Jahr, Stunden, Minuten etc.) |
| analysieren | Analysieren Sie eine Zeichenfolgendarstellung eines Datums und geben Sie die Anzahl der Millisekunden seit dem 1. Januar 1970 zurück |
| Datum einstellen() | Stellen Sie den Tag als Zahl ein (1-31) |
| setFullYear () | Jahr einstellen (optional Monat und Tag) |
| setStunden () | Stellen Sie die Stunde ein (0-23) |
| setMillisekunden() | Stellen Sie die Millisekunden (0-999) ein |
| setMinutes() | Stellen Sie die Minuten ein (0-59) |
| setMonth() | Stellen Sie den Monat ein (0-11) |
| setSeconds() | Stellen Sie die Sekunden ein (0-59) |
| Zeit einstellen() | Uhrzeit einstellen (Millisekunden seit 1. Januar 1970) |
| setUTCDate() | Stellen Sie den Tag des Monats für ein bestimmtes Datum gemäß der Weltzeit ein (auch verfügbar für Tag, Monat, Jahr, Stunden, Minuten usw.) |
| DOM-MODUS Knoteneigenschaften | |
| Attribute | Live-Sammlung aller für ein Element registrierten Attribute |
| baseURI | Absolute Basis-URL eines HTML-Elements |
| childNodes | Sammlung der untergeordneten Knoten eines Elements |
| erstes Kind | Erster untergeordneter Knoten eines Elements |
| letztes Kind | Letzter untergeordneter Knoten eines Elements |
| nächsteGeschwister | Nächster Knoten auf derselben Knotenbaumebene |
| Knotenname | Name eines Knotens |
| Knotentyp | Typ eines Knotens |
| KnotenWert | Wert eines Knotens |
| EigentümerDokument | Dokumentobjekt der obersten Ebene für den aktuellen Knoten |
| Elternknoten | Elternknoten eines Elements |
| vorherigeGeschwister | Knoten unmittelbar vor dem aktuellen |
| Textinhalt | Textinhalt eines Knotens und seiner Nachkommen |
| Knotenmethoden | |
| appendChild() | Hinzufügen eines neuen untergeordneten Knotens zu einem Element als letzten untergeordneten Knoten |
| cloneNode() | HTML-Element klonen |
| vergleichenDocumentPosition () | Vergleichen Sie die Dokumentposition von zwei Elementen |
| getFeature() | Geben Sie ein Objekt zurück, das die APIs einer bestimmten Funktion implementiert |
| hasAttributes() | Gib true zurück, wenn ein Element irgendwelche Attribute hat, sonst gebe false zurück |
| hasChildNodes() | Gib true zurück, wenn ein Element über untergeordnete Knoten verfügt, andernfalls gebe false zurück |
| einfügenBefore() | Fügen Sie einen neuen untergeordneten Knoten vor einem angegebenen, vorhandenen untergeordneten Knoten ein |
| isDefaultNamespace() | Gib true zurück, wenn ein angegebener namespaceURI der Standard ist, andernfalls gebe false zurück |
| isEqualNode() | Überprüfen Sie, ob zwei Elemente gleich sind |
| isSameNode() | Überprüfen Sie, ob zwei Elemente der gleiche Knoten sind |
| wird unterstützt () | Gibt true zurück, wenn ein angegebenes Feature auf dem Element unterstützt wird |
| lookupNamespaceURI() | Gibt den namespaceURI zurück, der einem bestimmten Knoten zugeordnet ist |
| lookupPrefix() | Gibt einen DOMString zurück, der das Präfix für einen gegebenen namespaceURI enthält, falls vorhanden |
| normalisieren() | Verbinden Sie benachbarte Textknoten und entfernen Sie leere Textknoten in einem Element |
| Kind entfernen() | Entfernen eines untergeordneten Knotens aus einem Element |
| ErsetzenKind() | Ersetzen eines untergeordneten Knotens in einem Element |
| Elementmethoden | |
| getAttribute() | Gibt den angegebenen Attributwert eines Elementknotens zurück |
| getAttributeNS() | String-Wert des Attributs mit dem angegebenen Namensraum und Namen zurückgeben |
| getAttributeNode() | Holen Sie sich den angegebenen Attributknoten |
| getAttributeNodeNS() | Gibt den Attributknoten für das Attribut mit dem angegebenen Namensraum und Namen zurück |
| getElementsByTagName() | Stellen Sie eine Sammlung aller untergeordneten Elemente mit dem angegebenen Tag-Namen bereit |
| getElementsByTagNameNS() | Gibt eine Live-HTML-Sammlung von Elementen mit einem bestimmten Tag-Namen zurück, die zum angegebenen Namensraum gehören |
| hasAttribute() | Gib true zurück, wenn ein Element irgendwelche Attribute hat, sonst gebe false zurück |
| hasAttributeNS() | Geben Sie einen true/false-Wert an, der angibt, ob das aktuelle Element in einem bestimmten Namespace das angegebene Attribut hat |
| Attribut entfernen() | Ein angegebenes Attribut aus einem Element entfernen |
| removeAttributeNS() | Entfernen Sie das angegebene Attribut aus einem Element innerhalb eines bestimmten Namensraums |
| removeAttributeNode() | Nehmen Sie einen angegebenen Attributknoten weg und geben Sie den entfernten Knoten zurück |
| setAttribute() | Setzen oder ändern Sie das angegebene Attribut auf einen bestimmten Wert |
| setAttributeNS() | Fügen Sie ein neues Attribut hinzu oder ändern Sie den Wert eines Attributs mit dem angegebenen Namensraum und Namen |
| setAttributeNode() | Festlegen oder Ändern des angegebenen Attributknotens |
| setAttributeNodeNS() | Hinzufügen eines neuen Namespace-Attributknotens zu einem Element |
| Eigenschaften des Browserfensters | |
| abgeschlossen | Überprüfen Sie, ob ein Fenster geschlossen wurde oder nicht und geben Sie true oder false zurück |
| defaultStatus | Standardtext in der Statusleiste eines Fensters festlegen oder zurückgeben |
| dokumentieren | Gibt das Dokumentobjekt für das Fenster zurück |
| Rahmen | Alles zurückgeben |