Cover

Titelblatt

WILEY END USER LICENSE AGREEMENT

Besuchen Sie www.wiley.com/go/eula, um Wiley's E-Book-EULA einzusehen.

1-4

JavaScript für Dummies

Schummelseite

Code, der in Bearbeitungsfunktionen von JavaScript-Variablen verwendet werden kann

Element

Beschreibung

var meineVar = 0;

Legt eine Variable mit dem angegebenen Startwert an. Ihr Datentyp wird dynamisch bestimmt.

stringVar = prompt("Nachricht")

Sendet einem Benutzer eine Nachricht in Form eines Dialogfeldes; empfängt Texteingaben vom Benutzer, die in stringVar gespeichert werden.

stringVar.length

Gibt die Länge von stringVar (in Zeichen) zurück.

stringVar.toUpperCase(), string­Var.toLowerCase()

Wandeln stringVar in Groß- beziehungsweise Kleinbuchstaben um.

stringVar.substring()

Gibt einen bestimmten Teil eines Strings zurück.

stringVar.indexOf()

Gibt die Position eines Teilstrings in stringVar zurück.

parseInt()

Wandelt string (Zeichenkette) in int (Ganzzahl) um.

parseFloat()

Wandelt string (Zeichenkette) in float (Fließkommazahl) um.

toString()

Wandelt eine beliebige Variable in string um.

eval()

Wertet string als JavaScript-Code aus.

Math.ceil()

Wandelt eine beliebige Zahl durch Aufrunden in eine Ganzzahl um.

Math.floor()

Wandelt eine beliebige Zahl durch Abrunden in eine Ganzzahl um.

Math.round()

Wandelt eine beliebige Zahl durch Rundung in eine Ganzzahl um.

Math.random()

Gibt zufällige Fließkommazahlen zwischen 0 und 1 zurück.

Erstellen von JavaScript-Strukturen und -Objekten

Element

Beschreibung

function fnName(Parameter) {//Code} //Ende Funktion

Erstellt eine Funktion mit dem Namen fnName und übergibt ihr Parameter. Der Code innerhalb der Funktion wird ausgeführt, wenn die Funktion aufgerufen wird.

var meinArray = new Array("a", "b", "c");

Legt ein Array an. Elemente können beliebiger Art (auch gemischt) sein.

var meinJSON = {"Name": "Andy","Titel": "Autor"}

Legt ein JSON-Objekt an. Jedes Element hat ein Name/Wert-Paar und kann beliebige Daten einschließlich eines Arrays (in eckigen Klammern), eines anderen JSON-Objekts oder einer Funktion enthalten.

var person = new Object();person.name = "Andy";

Legt ein Objekt an. Sie können ganz normale Variablen (die dann zu Eigenschaften werden) oder Funktionen (die zu Methoden werden) hinzufügen.

Ändern Ihrer Webseite mit JavaScript-Methoden für das DOM (Document Object Model)

Element

Besonderheit

meinElement = document.getElementById("Name");

Erhält von der Seite ein Element mit der angegebenen ID und kopiert einen Verweis auf dieses Element in die Variable meinElement.

meinElement.innerHTML = "Wert"

Ändert den Wert von meinElement in Wert.

document.onkeydown = tasteLauscher

Wenn eine Taste gedrückt wird, wird eine Funktion mit dem Namen tasteLauscher aufgerufen.

document.onmousemove = mausLauscher

Wenn die Maus über einem Element bewegt wird, wird automatisch eine Funktion namens mausLauscher aufgerufen.

setInterval(Funktion, ms);

Lässt Funktion alle ms Millisekunden laufen.

meinArray = document.getElementsByName("Name")

Gibt ein Array aus Objekten mit dem angegebenen Namen zurück (wird häufig zusammen mit Optionsfeldern verwendet).

Beliebte Methoden auf dem jQuery-Knoten

Methode

Beschreibung

addClass(), removeClass(), ­toggleClass()

Wendet eine CSS-Klasse auf einen jQuery-Knoten an oder entfernt sie von ihm.

css("Attribut", "Wert")

Wendet eine einzelne CSS-Regel auf den jQuery-Knoten an.

css(JSONObjekt)

Wendet eine JSON-Objektliste mit CSS-Regeln und -Werten auf den jQuery-Knoten an.

html()

Liest oder ändert die HTML-Inhalte des jQuery-Knotens.

Text()

Liest oder ändert die Textinhalte des jQuery-Knotens.

val()

Liest den Wert (Englisch: value) eines Formularelements aus.

bind(Ereignis, Funktion)

Löst Funktion aus, wenn Ereignis eintritt.

show(), hide(), toggle()

Machen Elemente sichtbar oder lassen sie verschwinden.

animate(Parameter, Dauer)

Parameter (können auch mehrere sein) ist ein JSON-Objekt aus CSS-Regeln und -Werten. Werte werden über Dauer (in Millisekunden) gleitend vom aktuellen Wert hin zum Zielwert geändert.

jQuery-Selektoren und -Filter

Selektor/Filter

Sucht nach …

$("Element")

Einem beliebigen HTML-Element.

$("#ElementID")

Jedem Element mit der angegebenen ID.

$(".klassenName")

Jedem Element mit dem angegebenen Klassennamen

:header

Jedem Überschriftenelement (h1, h2, h3 und so weiter).

:animated

Jedem Element, das aktuell animiert ist.

:contains(Text)

Jedem Element, das den angegebenen Text enthält.

:empty

Jedem Element, das leer (Englisch: empty) ist.

:parent

Jedem Element, das andere Elemente enthält.

:attribute=Wert

Einem Element mit einem Attribut mit dem angegebenen Wert.

:input, :text, :radio, :image, :button, etc.

Gleicht einen der angegebenen Elementtypen ab (besonders nützlich bei Formular-Elementen, die Variationen des input-Tags sind).

jQuery-Methoden für das Senden von AJAX-Anfragen

Methode

Beschreibung

get(URL, Parameter)

Sendet eine HTTP GET-Anfrage an die angegebene URL. Bei Parameter (können auch mehrere sein) handelt es sich um ein JSON-Objekt, das Formulardaten (Name/Wert-Paare) kapselt. Das Ergebnis wird als HTML-, XML- oder reine Textdaten zurückgegeben.

post(URL, Parameter)

Wie get(), verwendet aber die Methode post(), die die Parameter ausblendet.

load(URL, Parameter)

Wie get(), aber es wird ein jQuery-Objekt zurückgegeben. Die Inhalte aufrufender jQuery-Objekte werden durch die zurückgegebenen Daten (normalerweise HTML oder XHTML) ersetzt.

getJSON

Wie get(), aber es wird ein JSON-Objekt zurückgegeben, das für eine weitere Verarbeitung geparst werden kann.

5-8

Wiley-logo

WILEY-VCH Verlag GmbH & Co. KGaA

JavaScript für Dummies

Andy Harris

2. Auflage

Übersetzung aus dem Amerikanischen von Gerhard Franken und Jutta Schmidt

Bibliografische Information der Deutschen Nationalbibliothek

Die Deutsche Nationalbibliothek verzeichnet diese Publikation in der Deutschen Nationalbibliografie; detaillierte bibliografische Daten sind im Internet über http://dnb.d-nb.de abrufbar.

2. Auflage 2017

© 2017 WILEY-VCH Verlag GmbH & Co. KGaA, Weinheim

Original English language edition JavaScript and AJAX For Dummies © 2010 by Wiley Publishing, Inc. All rights reserved including the right of reproduction in whole or in part in any form. This translation ­published by arrangement with John Wiley and Sons, Inc.

Copyright der englischsprachigen Originalausgabe JavaScript and AJAX for Dummies © 2010 by Wiley ­Publishing, Inc Alle Rechte vorbehalten inklusive des Rechtes auf Reproduktion im Ganzen oder in Teilen und in jeglicher Form. Diese Übersetzung wird mit Genehmigung von John Wiley and Sons, Inc. publiziert.

Wiley, the Wiley logo, Für Dummies, the Dummies Man logo, and related trademarks and trade dress are trademarks or registered trademarks of John Wiley & Sons, Inc. and/or its affiliates, in the United States and other countries. Used by permission.

Wiley, die Bezeichnung »Für Dummies«, das Dummies-Mann-Logo und darauf bezogene Gestaltungen sind Marken oder eingetragene Marken von John Wiley & Sons, Inc., USA, Deutschland und in anderen Ländern.

Das vorliegende Werk wurde sorgfältig erarbeitet. Dennoch übernehmen Autoren und Verlag für die ­Richtigkeit von Angaben, Hinweisen und Ratschlägen sowie eventuelle Druckfehler keine Haftung.

Coverfoto Africa Studio- fotolia.com

Korrektur Regine Freudenstein

Satz/ePub Reemers Publishing Services GmbH, Krefeld

Print ISBN: 978-3-527-71444-5

ePub ISBN: 978-3-527-81267-7

mobi ISBN: 978-3-527-81266-0

9-10

Über den Autor

Andy Harris begann seine Lehrtätigkeit als Sonderschullehrer. Parallel zum Unterricht behinderter junger Erwachsener vermittelte er sich selbst genügend Programmierkenntnisse, um sein Lehrerdasein durch freiberufliches Programmieren absichern zu können. Das war noch in der aufregenden Zeit, als Computer erst Festplatten bekamen und später anfingen, auf obskuren technischen Wegen miteinander zu kommunizieren, die später unter der Bezeichnung Internet bekannt wurden. Erst wirkte es fast wie Zauberei, heute kann man sich ein Leben ohne dieses Kommunikationsmedium kaum mehr vorstellen.

Während der gesamten Zeit unterrichtete Andy Harris Computerwissenschaften als Teilzeitlehrer. 1995 wurde er Fakultätsmitglied der Abteilung Computer Science der IUPUI (Indiana University-Purdue University Indianapolis). Als Dozent gab er sowohl Einführungskurse für Erstsemester als auch zahlreiche Kurse über das Entwickeln von Webprogrammen, von Programmiergrundlagen bis hin zur Spieleprogrammierung. Als Leiter des Streaming Media Laboratory entwickelte er videogestützte Online-Kurse und arbeitete an vielen internationalen Fernlehrgängen mit, wie beispielsweise dem Aufbau eines Computer-Forschungsprogramms in Tetevo (Mazedonien).

Andy Harris ist der Autor mehrerer Computerbücher, die sich mit der Programmierung befassen.