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 =
= DOM-Elemente finden =
* [[JavaScript_HTML_DOM]]
<pre>var list = document.getElementsByTagName("UL")[0];
* [[JavaScript_Debugging]]
var elem = document.getElementById("xyz");
* [[JavaScript_JUNIT]]


= Entwicklung =
<pre>console.log('Fehler!');
</pre>
</pre>


= Funktionen (Prototypes) =
= Einbindung in HTML =
<pre>var hypotenuse = function(a,b) { return Math.sqrt(a*a+b*b); }
<pre> <button onclick="myFunction()">Click me</button>
console.log(hypotenuse(1, 44));
</pre>
<pre><p onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
    document.getElementById("demo").style.color = "red";
}
</pre>
<pre><button onclick="myFunction()">Copy Text</button>


var addAll = function(){  
<script>
  var rc=0;  
function myFunction() {
  for (var ix=0; ix < arguments.length; ix++)
    document.getElementById("text2").value = document.getElementById("text2").value;
     rc += arguments[ix];  
    document.getElementById("textarea2").innerHTML = document.getElementById("textarea2").innerHTML;
  return rc;
     var field = document.getElementById("field1");
    field.style.visibility = field.style.visibility == "hidden" ? "visible" : "hidden";
}
}
addAll(1, 2, 3) === 6;
</script>
</pre>
</pre>
= Strikte Gleichheit =
* a == b: Referenzvergleich
* 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.
<pre>text += ".";
<pre>text += ".";
"xyz".substr(1, 2) === "y";
"abc".indexOf("bc") === 1;
"abab".indexOf("a", 1) == 2;
"abcb".replace("b", "x") === "axcb";
"a".toUpperCase() === "A";
"A".toLowerCase() === "a";
"abc".length === 3;
"abc".charAt(1) == "b";
const isText = file.endsWith(".txt");
" abc ".trim() = "abc";
const interpolated = `${b} or ${doit()} and a dollar: \$`;
</pre>
</pre>


Zeile 52: Zeile 35:
* Nur Gleitpunktzahlen werden benutzt.
* Nur Gleitpunktzahlen werden benutzt.
* Daher haben Ganzzahlen max. 53 Bit
* Daher haben Ganzzahlen max. 53 Bit
* x=Math.min(1,2,3); r=Math.floor(x); w=Math.sqrt(x);
* var undef = NaN;
* isNaN(1/0) === true;
* y = parseInt("123");
* str = 123.toString();
== Datum ==
<pre>var now = new Date();
var x = new Date(2018, 0, 3, 22, 33, 44, 117);
/// !!! Monat ab 0 gezählt!!!
var year33Since1970 = new Date(24*3600*365.25 * 33);
var z = new Date("2017-3-8T16:31:10.117");
2017 === z.getFullYear();
2===z.getMonth();
8===z.getDate();
16===z.getHours(); 31==z.getMinutes(); 10===z.getSeconds(); 117===z.getMilliseconds();
z.setHours(3); z.setMinutes(9); z.setSeconds(33); z.setMilliseconds(118);
var utc = new Date(Date.UTC(2018, 4, 6));
var millisSince1970 = utc.getTime();
</pre>


== Dictionary ==
== Dictionary ==
<pre>var x = { "zahl" : 33, "pair" : { "x" : true } };
<pre>var x = { "zahl" : 33, "pair" : { "x" : true } };
document.writeln(x["zahl"]);
for (key in x){
  doIt(x[key]);
}
const contains = x.indexOf('never') >= 0;
</pre>
== Arrays ==
<pre>a=[1, 2, "wow"];
a0=a.shift(); a === [2, "wow"];
a.push(99); a === [2, "wow", 99];
a.concat([2, 3]) === [2, "wow", 99, 2, 3];
[1, 3, 5, 9].slice(0,2) === [1, 3] && [1, 3, 5, 9].slice(2,3) === [3];
[3, 9, 12].join(" ") === "3 9 12";
for (index in a){
  doIt(a[index]);
}
for (ix=0; ix < a.length; ix++){
  doIt(a[ix]);
}
</pre>
</pre>


= Klassen =
= Klassen =
<syntaxhighlight lang="javascript">
<pre>'use strict';
'use strict';
class Polygon {
class Polygon {
   constructor(height, width) {
   constructor(height, width) {
Zeile 119: Zeile 61:
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)
Abgerufen von „https://wiki.hamatoma.de/index.php?title=JavaScript“