Bearbeiten von „JavaScript“

Zur Navigation springen Zur Suche springen

Warnung: Du bist nicht angemeldet. Deine IP-Adresse wird bei Bearbeitungen öffentlich sichtbar. Melde dich an oder erstelle ein Benutzerkonto, damit Bearbeitungen deinem Benutzernamen zugeordnet werden.

Die Bearbeitung kann rückgängig gemacht werden. Bitte prüfe den Vergleich unten, um sicherzustellen, dass du dies tun möchtest, und veröffentliche dann unten deine Änderungen, um die Bearbeitung rückgängig zu machen.

Aktuelle Version Dein Text
Zeile 1: Zeile 1:
[[Kategorie:Sprache]] [[Kategorie:JavaScript]]
[[Kategorie:Sprache]]
= Links =
= Links =
* [[JavaScript_HTML_DOM]]
* [[JavaScript_HTML_DOM]]
Zeile 9: Zeile 9:
</pre>
</pre>


= Funktionen (Prototypes) =
= Methoden =
<pre>var hypotenuse = function(a,b) { return Math.sqrt(a*a+b*b); }
<pre>var hypotenuse = function(a,b) { return Math.sqrt(a*a+b*b); }
console.log(hypotenuse(1, 44));
console.log(hypotenuse(1, 44));
Zeile 25: Zeile 25:
* a == b: Referenzvergleich
* a == b: Referenzvergleich
* a === b: Inhaltsvergleich
* a === b: Inhaltsvergleich
= null und undefined =
* null und undefined sind verschieden.
* a == null deckt beides ab.


= Typen =
= Typen =
== String ==
== String ==
* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/endsWith?retiredLocale=de
Beide Delimiter " und ' sind gleichwertig.
Beide Delimiter " und ' sind gleichwertig.
<pre>text += ".";
<pre>text += ".";
Zeile 44: Zeile 38:
"abc".length === 3;
"abc".length === 3;
"abc".charAt(1) == "b";
"abc".charAt(1) == "b";
const isText = file.endsWith(".txt");
" abc ".trim() = "abc";
" abc ".trim() = "abc";
const interpolated = `${b} or ${doit()} and a dollar: \$`;
</pre>
</pre>


Zeile 98: Zeile 90:


= Klassen =
= Klassen =
<syntaxhighlight lang="javascript">
<pre>'use strict';
'use strict';
class Polygon {
class Polygon {
   constructor(height, width) {
   constructor(height, width) {
Zeile 119: Zeile 110:
const p = new Polygon(300, 400);
const p = new Polygon(300, 400);
p.sayName();
p.sayName();
</syntaxhighlight>
</pre>
 
= DOM =
== Initialisierung ==
<syntaxhighlight lang="javascript">
var ready = (callback) => {
    if (document.readyState != "loading") {
        callback();
    } else {
        document.addEventListener("DOMContentLoaded", callback);
    }
}
ready(() => {
    /* Do things after DOM has fully loaded */
    const sorter = new TableSorter();
    sorter.initializeForm();
});
</syntaxhighlight>
 
== Objekte finden ==
<syntaxhighlight lang="javascript">
// Array von Elements
const list = document.querySelectorAll("th.sortable");
const list2 = document.querySelectorAll(".theClass");
const list3 = document.querySelectorAll("#theId");
// Das erste Element:
const element1 = document.querySelector("th");
const element2 = document.getElementById("mainTable");
const list12 = document.getElementsByName('name');
const list13 = document.getElementsByClassName('sortable mainTable');
const list14 = document.getElementsByTagName('th');
</syntaxhighlight>

Bitte kopiere keine Webseiten, die nicht deine eigenen sind, benutze keine urheberrechtlich geschützten Werke ohne Erlaubnis des Urhebers!
Du gibst uns hiermit deine Zusage, dass du den Text selbst verfasst hast, dass der Text Allgemeingut (public domain) ist, oder dass der Urheber seine Zustimmung gegeben hat. Falls dieser Text bereits woanders veröffentlicht wurde, weise bitte auf der Diskussionsseite darauf hin. Bitte beachte, dass alle Info-Theke-Beiträge automatisch unter der „Gemeinfreiheit“ stehen (siehe Info-Theke:Urheberrechte für Einzelheiten). Falls du nicht möchtest, dass deine Arbeit hier von anderen verändert und verbreitet wird, dann klicke nicht auf „Seite speichern“.

Abbrechen Bearbeitungshilfe (wird in einem neuen Fenster geöffnet)