Javascript Standardbibliothek Schnellreferenz
|
|
- Katharina Baumann
- vor 5 Jahren
- Abrufe
Transkript
1 Javascript Standardbibliothek Schnellreferenz Ok, du willst eigene Javascript Anwendungen schreiben? Hier eine kleine Übersicht über alle Javascript-Funktionen. Diese Übersicht ist lediglich eine Übersetzung von w3schools.com, alle Beispiele setzen eine HTML-Datei voraus. Diese lässt sich einfach erstellen in dem man eine neue Text-Datei erstellt und deren Endung in.html abändert. Manche Beispiele sind auf englisch geschrieben, da diese direkt von der Webseite kommen und ich die Beispiele gerne aktuell halten möchte. Somit habe ich nicht alle Beispiele übersetzt! 1 Inhalt 2 Einführung HTML Javascript ist eine Scriptsprache HTML-Inhalte und Attribute ändern CSS-Styles ändern Überprüfen ob Eingaben stimmen ECMA Start <script> Tag Beispieldatei HTML Events Javascript Dateien Ausgabe HTML-Elemente manipulieren Konsole beschreiben... 7
2 4.3 Zeichnen mit HTML Datentypen Zahlen Boolean Objekte Datum Strings Array Klassen Math-Object Fehlerbehandlung Fortgeschrittenes Javascript RegExp Hoisting Strict HTML DOM Browser BOM Events Bibliotheken jquery Weitere Quellen und Links... 14
3 2 Einführung 2.1 HTML Um Javascript verwenden zu können und um auch etwas sichtbares zu programmieren, brauchst du in jedem Fall das Wissen über HTML. Was ist HTML? HTML ist eine Beschreibungssprache. Damit kannst du Daten und Informationen beschreiben. Also werden mit HTML Webseiten beschrieben. Jeder Browser kennt alle Elemente von HTML. Was ist ein HTML-Element? Nehmen wir die Wörter, Coole Webseite. Wenn wir dem Browser sagen möchten, dass er das Wort Webseite in fetter Schrift darstellen soll, müssen wir ein HTML-Element benutzen. Fette Schrift heißt in englisch übersetzt bold, und das passende Element heißt ganz einfach b. Es gibt etliche andere Elemente. Die wichtigsten wirst du nach und nach lernen, jetzt solltest du hauptsächlich wissen, dass es diese gibt und wie man diese verwendet. Wie benutzt man HTML-Elemente? In unserem Beispieltext: Coole Webseite wollen wir das Wort Webseite in Fett darstellen. Also benutzen wir das bold bzw. b-element folgendermaßen: Coole <b>webseite</b> Speicherst du den Text in einer Datei ab und lädst diese im Browser wird dir das Wort Webseite in fetter Schrift gezeigt. Dieses Wissen sollte erstmal reichen. Um Javascript zu verwenden musst du verstehen, dass es HTML-Elemente gibt und wissen wie man diese benutzt. 2.2 Javascript ist eine Scriptsprache Skriptsprachen sind leichtgewichtige Programmiersprachen, und einfach zu benutzen. Javascript Programme können in jede HTML-Seite eingefügt werden und können in jedem Browser ausgeführt werden. Javascript ist sehr leicht zu erlernen. 2.3 HTML-Inhalte und Attribute ändern HTML DOM ist der offizielle Standard für den Zugriff auf HTML-Daten. Üblicherweise wird mit Javascript der DOM in einer Webseite geändert. Beispiel:
4 x = document.getelementbyid("demo"); //Finde das HTML Element mit der id="demo" x.innerhtml = "Hello JavaScript"; //Inhalt des elements ändern document.getelementbyid() wird SEHR HÄUFIG verwendet! Man kann auch HTML Elemente löschen Neue Elemente erstellen Elemente kopieren und mehr 2.4 CSS-Styles ändern Auch der Style eines oder mehrerer Elemente lässt sich mit Javascript ändern: x = document.getelementbyid("demo"); //Finde das HTML element mit der id="demo" x.style.fontsize = "25px"; //Schriftgröße ändern x.style.color = "#ff0000"; //Farbe ändern 2.5 Überprüfen ob Eingaben stimmen Meistens wird Javascript für die Überprüfung von Eingaben verwendet, dies wird mit dem Befehl erledigt, einfach in eine leer HTML-Datei einfügen: <!DOCTYPE html> <html> <body> <h1>mein JavaScript</h1> <p>bitte Nummer eingeben:.</p> <input id="numb" type="text"> <button type="button" onclick="myfunction()">klick Mich!</button> <p id="demo"></p> <script> function myfunction() //Wert vom Eingabefeld mit der id="numb" bekommen var val = document.getelementbyid("numb").value; //Element mit der id="demo" bekommen var elem = document.getelementbyid("demo");
5 //Wert ist Leerzeichen oder keine Zahl if (val == "" isnan(val)) // Keine Zahl anzeigen elem.innerhtml = "Keine Zahl"; else //Zeige "Input OK" Im Element elem.innerhtml = "Input OK"; </script> </body> </html> 2.6 ECMA-262 Java und Javscript haben NICHTS miteinander zutun und sind komplett verschiedene Sprachen und Technologien!!! ECMA-262 ist der offizielle Name von Javascript. Javascript wurde von Brendan Eich erfunden und ist das erste Mal 1995 zum Einsatz gekommen! 3 Start 3.1 <script> Tag In HTML muss man den Javascriptcode in das <script>-element packen. Dabei können script- Elemente im body- und im head-element platziert werden. Beispiel: <script> function myfunction() document.getelementbyid("demo").innerhtml="meine Funktion"; </script> JavaScript Du brauchst den Code nicht verstehen. Was du wissen musstm, das dein Programm nur zwischen den <script> und </script> ausgeführt wird.
6 3.2 Beispieldatei HTML <!DOCTYPE html> <html> <head> </head> <body> </body> </html> 3.3 Events Javascript wird hauptsächlich benutzt um auf Events aus dem Browser zu reagieren, wenn du eine Funktion in Javascript schreibst, kannst du diese zu einem bestimmten Event ausführen. 3.4 Javascript Dateien Damit deine HTML-Dateien übersichtlich bleiben, kannst du Javascript in.js-dateien abspeichern. Dies kannst du mit dem script-element innerhalb des body-elements benutzen. Beispiel: <!DOCTYPE html> <html> <body> <script src="myscript.js"></script> </body> </html> 4 Ausgabe 4.1 HTML-Elemente manipulieren Um ein HTML-Element zu verändern, kann man die document.getelementbyid(id)-methode verwenden. Dafür muss das gesuchte Element über das angegebene Attribut mit dem passenden Wert verfügen. Dann kann man die Untervariable innerhtml über den Punktoperator setzen. Beispiel: <h1>meine erste Seite</h1> <p id="demo">mein erster Abschnitt</p>
7 <script> document.getelementbyid("demo").innerhtml = "Abschnitt geändert"; </script> Zuerst wird nach dem Element mit der id= demo gesucht. Danach wird die Variable innerhtml gesetzt. Das HTML-Dokument ist nun geändert worden. 4.2 Konsole beschreiben Um Testwerte auszugeben kann man auf die Textkonsole schreiben. Dies geschieht mit der Methode console.log(); <script> a = 5; b = 6; c = a + b; console.log(c); </script> 4.3 Zeichnen mit HTML5 FÜR FORTGESCHRITTENE: Eine Neuheit von HTML5 ist das Canvas-Element. Erstellt man ein Canvas-Element auf der HTML-Seite kann man mit Javascript darauf rummalen. Dies erlaubt die Programmierung von Spielen und Grafikanwendungen. Einen Canvas definiert man so: <canvas id="mycanvas" width="200" height="100"></canvas> Um mit Javascript auf das Canvas-Objekt zu zeichnen nimmt man folgendes Beispiel: <script> var c = document.getelementbyid("mycanvas"); var ctx = c.getcontext("2d"); ctx.fillstyle = "#FF0000"; ctx.fillrect(0,0,150,75); </script> 5 Datentypen Alles in Javascript ist ein Objekt. Auch Variablen sind Objekte, diese können mit var definiert werden. Welcher Datentyp dahinter steckt, wird von dem Wert bestimmt, welcher der Variable zugewiesen wird. Das Typsystem ist dynamisch.
8 5.1 Zahlen Zahlen werden folgendermaßen verwendet und zugewiesen: var x2=34; Kommazahlen werden so definiert: var x1=34.00; Extrem große oder extrem kleine Zahlen können mit der Exponential-Notation beschrieben werden: var y=123e5; // var z=123e-5; // Boolean Man kann true und false verwenden in einer Variable verwenden und setzen. 5.3 Objekte Ein Objekt wird foglendermaßen definiert: var person=firstname:"john", lastname:"doe", id:5566; Danach kann mit dem Punktoperator auf die Variablen und Methoden zugriffen werden. var name=person.lastname; person.firstname = Robert ; Methoden definiert man über Prototypen 5.4 Datum Mit new Date(); kann man sich die aktuelle Zeit holen. var today = new Date(); Das Date Objekt hat mehrere Methoden um bestimmte Daten und Zeiten zu setzen und zurückzugeben. 5.5 Strings Ein String kann mit einer Variable definiert und verwendet werden. var carname="volvo XC60"; Man kann sich die Länge eine Strings zurückgeben lassen: var txt="abcdefghijklmnopqrstuvwxyz"; var anzahl = txt.length; Man kann in einem String suchen und sich die Position (Index) ausgeben lassen, an der das gesuchte gefunden wurde:
9 var str="hello world, welcome to the universe."; var n=str.indexof("welcome"); Wenn das gesuchte nicht gefunden wurde, wird -1 zurückgegeben. Die replace-methode ersetzt einen String durch einen anderen. str="bitte besuche: Microsoft!" var n=str.replace("microsoft","lerneprogrammieren"); Mit split() bekommt man ein Array aus einem String. txt="a,b,c,d,e" // String txt.split(","); // Split on commas Der Aufruf von split-wird bewirken, dass ein Array mit den einzelnen Buchstaben erstellt wird. Um Sonderzeichen in einem String zu verwenden, benutzt man den Backslash, um ein zu verwenden würde folgendes zu einem Fehler führen: var name = Er sagt: Hallo Freunde, ; Dafür muss man den Backslash benutzen: var name = Er sagt: \ Hallo Freunde, ; Der String hat noch weitere Methoden, diese sind in der Objektreferenz nachzulesen. 5.6 Array Arrays können mit einem Index und dem [] gesetzt und verwendet werden. var mycars = new Array(); mycars[0] = "Audi"; mycars[1] = "Volvo"; mycars[2] = "BMW"; 5.7 Klassen Um wie in Objektorientierten Sprachen eine Art Klasse zu erstellen, definiert man in Javascript lediglich einen Konstruktor: function person(firstname, lastname, age, eyecolor) this.firstname = firstname; this.lastname = lastname; this.age = age; this.eyecolor = eyecolor; Dieser kann dann aufgerufen werden: var deinemutter = new person("marta", "Doe", 50, "blau");
10 Auch Funktionen/Methoden können so einem neuen Objekt/Klasse gegeben werden function person(firstname, lastname, age, eyecolor) this.firstname = firstname; this.lastname = lastname; this.age = age; this.eyecolor = eyecolor; this.changename = changename; function changename(name) this.lastname = name; Danach lässt sich folgendes aufrufen: var deinemutter = new person("marta", "Doe", 50, "blau"); deinemutter.changename( Anna ); 6 Math-Object Das Mathe-Objekt liefert dir nützliche mathematische Funktionen und Zahlen var x=math.pi; Gibt die Zahl PI aus var y=math.sqrt(16); Berechnet das Quadrat von 16. Das Mathe-Objekt hat noch weitere nützliche Funktionen und Zahlen, nachzuschlagen in der Objektreferenz. 7 Fehlerbehandlung Wenn Fehler passieren, stürzt dein Programm ab. Du kennst das: Du arbeitest seit Stunden an etwas in deinem Lieblingsprogramm, hast seit 2 Stunden nicht gespeichert und auf einmal BOOM. Dein Programm ist abgestürzt und alle Änderungen sind weg! Meistens gibt es noch eine Möglichkeit, wenigstens ein paar Daten zu retten.
11 Dies funktioniert mit Exception-Handling. Man nutzt es so: try //Hier läuft dein Programm ab, und stürzt ganz fürchterlich ab. catch(err) //Hier wird dein Programm landen, somit kannst du wenigstens ein paar Daten speichern und deinen Fehlerbericht zusammen bauen, danach zeigst du dem Nutzer die schreckliche Meldung. Die Variable err im catch-block beinhaltet Informationen über die Art des Fehlers. Somit kannst du die Informationen in deinem Fehlerbericht nutzen. Dies wird dir bei der Fehlersuche helfen!!! Es kann sein, dass du selbst mal einen Fehler produzieren musst, wenn zum Beispiel dein Programm durch einen Programmierfehler zwar noch läuft, aber nichts sinnvolles mehr produziert. Dies machst du mit dem throw-befehl: throw "Keine Datei ausgewählt!!! Idiot!";
12 7.1 Fortgeschrittenes Javascript Alle Funktionen von Javascript zu erklären ist hier nicht sinnvoll, allerdings gibt es noch weitere Themen die du dir angucken solltest, wenn du nicht weißt wie du etwas in Javascript realisieren sollst. Die meisten Sachen wirst du momentan noch nicht brauchen RegExp Reguläre Ausdrücke brauchst du um komplizierte Überprüfungen auf Strings zu machen, z.b. ist der String eine IP-Adresse? Hoisting In Javascript kann man Variablen benutzen bevor sie definiert sind, da der Code vorher einmal gelesen wird Strict Wird verwendet um sicheren Quellcode zu schreiben HTML DOM Eine Webseite wird über HTML dargestellt, über das Document Object Model, lässt sich direkt mit den HTML-Elementen arbeiten. Dabei gibt es Methoden, das Document, Elemente, HTML, CSS, Events, Navigation, Nodes und Nodelisten Browser BOM Um mit Javascript auf die Funktionen des Browser zuzugreifen, gibt es das Browser Object Model. Die Funktionen unterteilen sich in: Window, Screen, Location, History, Navigator, Popup Alert, Timing und Cookies Events Event verwendet man foglendermaßen: <img id="bild" onclick="changeimage()" src="pic_bulboff.gif" width="100" height="180"> Gibt man im Element das Event an und weißt diesem eine Funktion zu, wird diese beim Event aufgerufen.
13 onclick="changeimage()" Events sind alle Ereignisse auf die Javascript reagieren kann, diese gehören eigentlich in den HTML DOM. Hier eine Übersicht der Events: Mausevents o onclick o ondblclick o onmousedown o onmousemove o onmouseover o onmouseout o onmouseup Tastaturevents o onkeydown o onkeypress o onkeyup Bilder (Frame/Object) o onabort o onerror o onload FormularEvents o onblur o onchange o onfocus o onreset o onselect o onsubmit 7.2 Bibliotheken jquery jquery ist die beliebteste Bibliothek im Internet. Mit jquery lassen sich Webanwendungen schreiben. Bestandteile der Bibliothek sind:
14 Weboberflächen mit jqueryui Mobile Anwendungen mit jquerymobile Weitere Weitere Bibliotheken sind: Prototype MooTools YUI Ext JS Dojo script.aculo.us UIZE 8 Quellen und Links w3cschools.com
DI (FH) Levent Öztürk
DI (FH) Levent Öztürk Übersicht Wo wird Javascript ausgeführt Was ist eine Funktion Wann wird Javascript ausgeführt Javascript einbinden Javascript in HTML aufrufen Variablen setzen und ausgeben DOM (Document
MehrJavascript. Einführung in Javascript. Autor: Christian Terbeck Erscheinungsjahr: 2014 -1-
Javascript Einführung in Javascript Autor: Erscheinungsjahr: 2014-1- Inhaltsverzeichnis 1) Einführung 1. Allgemeines 2. Funktionalität 3. Syntax 4. Semantik 2) Die Grundlagen 1. Event-Handler 1. Schreibweise
MehrInternet-Programmierung
JavaScript und DOM 18.5.2009 1 Verbindung JavaScript und HTML Bisher: JavaScript nette Scriptsprache Interessant, weil mit HTML verbindbar Erweituerung von HTML/CSS 2 DOM DOM: Document Object Model http://www.w3.org/dom/
MehrMultimedia im Netz Wintersemester 2013/14. Übung 05 (Nebenfach)
Multimedia im Netz Wintersemester 2013/14 Übung 05 (Nebenfach) Ludwig-Maximilians-Universität München Multimedia im Netz WS 2013/14 - Übung 5-1 JavaScript JavaScript ist eine eigene Programmiersprache
MehrSeminar DWMX DW Session 012
Seminar DWMX 2004 DW Session 012 Verhalten Scripting per Klick unter DW Verhalten ermöglichen unter Dreamweaver das Verwenden von kleinen JavaScript Codesegmenten um gewisse Funktionalitäten, die mit reinem
MehrJavaScript und das Document Object Model 30.05.07
JavaScript und das Document Object Model Dynamische Seiten Bestreben von Netscape und Microsoft, HTML-Seiten dynamisch zu gestalten Schlagwort DHTML Netscape/Sun: JavaScript Microsoft: JScript Problem
MehrDOM Document Object Model
DOM Document Object Model J. Schneeberger Das Document Object Model (DOM) W3C Spezifikation Benutzt die Baumstruktur des (XML/HTML) Dokuments Programmierschnittstelle (API) für HTML- und XML-Dokumente
MehrWeb-Programmierung (WPR)
Web-Programmierung (WPR) Vorlesung IV. JavaScript Manfred Gruner mailto:wpr@gruner.org Offene Fragen 1. Unterschied Link und Style Tag Link = HTML Syntax wird/kannl von anderen Programmen ausgewertet werden.
MehrObjekte haben eine eigene Notation, also Schreibweise, beim Aufruf:
JavaScript - Inhalt 1. Objekte 2. Arrays 3. Callbacks 1)JavaScript Objekte Objekte haben eine eigene Notation, also Schreibweise, beim Aufruf: Eine Methode wird immer mit dem Namen des Objekts, einem Punkt
MehrWeb-Techniken Einführung in JavaScript
Web-Techniken Einführung in JavaScript Prof. Dr. Axel Böttcher Winter 2012/13 15. September 2012 Ausführung von JavaScript Variante 1: Ausführung im Browser durch direktes Einbetten: 1 2
MehrEreignisse Auf Benutzereingaben reagieren
Ereignisse Auf Benutzereingaben reagieren JavaScript ermöglicht es dem Entwickler auf Ereignisse (engl.: events) im Browser zu reagieren. Auf diese Weise kann der Benutzer mit den Anwendungen interagieren,
MehrFunktionen nur wenn dann
Funktionen nur wenn dann Funktionen können auch nur in bestimmten Fällen angewendet werden. Code wird nur in einem bestimmten Fall ausgeführt Code Ja Code Block wahr if wahr? Nein else Code Block Alternative
MehrEs gibt immer einen Schlüssel und einen zugehörigen Wert,
JSON JavaScript Object Notation Im Unternehmenskontext spielt der Austausch von Daten zwischen unterschiedlichen Systemen eine große Rolle. Dabei müssen oft Technologie und Zuständigkeitsgrenzen überwunden
MehrThemen. JavaScript. Datentypen, Kontrollstrukturen, Besonderheiten. Document Object Model - Übersicht
Themen JavaScript Datentypen, Kontrollstrukturen, Besonderheiten Document Object Model - Übersicht Einleitung Bereits gesehen: Folgend: Strukturierung von Inhalten mittels HTML CSS zur Formatierung von
MehrStand und Ausblick
Stand und Ausblick Einführung: 26.04.2017, 16.00 Uhr (c.t.), PC Pool Übung: 03.05.2017, 16.00 Uhr, PC Pool Übung: 10.05.2017, 16.00 Uhr, HS 020 Übung:, 16.00 Uhr, HS 020 Übung: 21.06.2017, 16.00 Uhr, HS
MehrEreignisse Auf Benutzereingaben reagieren
Ereignisse Auf Benutzereingaben reagieren JavaScript ermöglicht es dem Entwickler auf Ereignisse (engl.: events) im Browser zu reagieren. Auf diese Weise kann der Benutzer mit den Anwendungen interagieren,
MehrFunktionen nur wenn dann
Funktionen nur wenn dann Funktionen können auch nur in bestimmten Fällen angewendet werden. Code wird nur in einem bestimmten Fall ausgeführt Code Ja Code Block wahr if wahr? Nein else Code Block Alternative
MehrJavaScript Basiskonzepte
JavaScript Basiskonzepte Univ.-Prof. Dr.-Ing. Wolfgang Maass Chair in Information and Service Systems Department of Law and Economics WS 2011/2012 Mittwoch, 8:00 9:30 Raum HS 021, B4 1 Wrap-Up HTML dient
Mehrjavascript Coding-Guidelines 2. Ausgabe Februar 2015 Der Guideline beschreibt den verwendeten Coding-Stil von javascript als eigene Richtline.
javascript Coding-Guidelines 2. Ausgabe Februar 2015 Der Guideline beschreibt den verwendeten Coding-Stil von javascript als eigene Richtline. Inhalts-Verzeichnis 1. Allgemeine Richtlinien...1 1.1 Anzahl
MehrFunktionen in JavaScript
Funktionen in JavaScript Eine Funktion enthält gebündelten Code, der sich in dieser Form wiederverwenden lässt. Mithilfe von Funktionen kann man denselben Code von mehreren Stellen des Programms aus aufrufen.
MehrLektion 5: JavaScript / JSON / DOM
Lektion 5: JavaScript / JSON / DOM Helmar Burkhart Informatik Universität Basel Helmar.Burkhart@... WT-5-1 Lernziele und Inhalt ECMAScript und JavaScript kennenlernen DOM verstehen Klientenseitige Programme
MehrScripting für Kommunikationswissenschaftler Gruppe C
Professur E-Learning und Neue Medien Institut für Medienforschung Philosophische Fakultät Scripting für Kommunikationswissenschaftler Gruppe C https://s-media-cache-ak0.pinimg.com/736x/9e/46/b5/9e46b5c98ae65d0880f37a30989781bb.jpg
MehrJavaScript. Dies ist normales HTML. Hallo Welt! Dies ist JavaScript. Wieder normales HTML.
JavaScript JavaScript wird direkt in HTML-Dokumente eingebunden. Gib folgende Zeilen mit einem Texteditor (Notepad) ein: (Falls der Editor nicht gefunden wird, öffne im Browser eine Datei mit der Endung
MehrJavaScript clientseitige Programmiersprache zur Dynamisierung von Internetseiten
Einführung in JavaScript anhand von Beispielen JavaScript clientseitige Programmiersprache zur Dynamisierung von Internetseiten Grundbedingungen die Einbindung erfolgt über ein Objektmodell (Objekte mit
MehrObjektorientiertes Programmieren (Java)
Grundlagen Objektorientiertes Programmieren (Java) Java folgt gewissen Rechtschreibregeln die Syntax. Diese besagt, dass hinter jeden Befehl ein Semikolon( ; ) stehen muss, damit der Computer weiß, dass
MehrJavaScript ist eine clientseitige und meist in HTML eingebettete Skriptsprache, die zur Entwicklung dynamischer Webinhalte geschaffen wurde.
JavaScript ist eine clientseitige und meist in HTML eingebettete Skriptsprache, die zur Entwicklung dynamischer Webinhalte geschaffen wurde. Verfasser: Martin Hüsler Modul: "Internet und XML" Fachhochschule
MehrOrganisatorisches. Folien (u.a.) auf der Lva-Homepage Skriptum über MU Online
Organisatorisches Folien (u.a.) auf der Lva-Homepage Skriptum über MU Online Nächste Woche VO und UE am Dienstag, den 30.10.! UE im CR IL/IT Wissensüberprüfung am Zettel 25.10.2018 IT I - VO 3 1 Organisatorisches
MehrScriptsprachen für dynamische Webauftritte
Wolfgang Dehnhardt Scriptsprachen für dynamische Webauftritte JavaScript, VBScript, ASP, Perl, PHP, XML HANSER Inhalt Vorbemerkungen 1 1 Einleitung 9 1.1 Statik und Dynamik 9 1.2 Was sind Scriptsprachen?
MehrMultimediale Web-Anwendungen. JavaScript. Einführung. MWA JavaScript-Einführung Dr. E. Schön Sommersemester 2015 Folie 1.
Multimediale Web-Anwendungen JavaScript Einführung MWA JavaScript-Einführung Dr. E. Schön Sommersemester 2015 Folie 1 Entstehungsgeschichte: JavaScript 1995 Netscape Communications Corp. (Brendan Eich)
MehrJavaScript O'REILLY. Das umfassende Referenzwerk. Deutsche Übersetzung von Ralf Kuhnert, Gisbert W. Selke & Harald Selke
JavaScript Das umfassende Referenzwerk David Flanagan Deutsche Übersetzung von Ralf Kuhnert, Gisbert W. Selke & Harald Selke O'REILLY Cambridge Köln Paris Sebastopol Tokyo Vorwort xiii 1: Einführung in
MehrOrganisatorisches. Folien (u.a.) gibt's auf der Lva-Homepage zum Download
Organisatorisches Folien (u.a.) gibt's auf der Lva-Homepage zum Download Diesen Mi erstes Tutorium (15-17) Ab nächster Woche montags 10-12 (jeweils im Computerraum) 17.10.2017 IT I - VO 3 1 Organisatorisches
MehrInhalt. Vorwort 13. Einleitung JavaScript-Grundlagen 17
Inhalt Vorwort 13 Einleitung 15 1 JavaScript-Grundlagen 17 1.1 Was ist DHTML? 17 Begriffsbestimmung 19 Wahl der Skriptsprachen für DHTML 20 Browserkompatibilität 21 Erfassen des Quellcodes 22 1.2 Aufbau
MehrActiveX Scripting IE und DHTML (DOM): Architektur, Beispiele (Object Rexx)
ActiveX Scripting IE und DHTML (DOM): Architektur, Beispiele (Object Rexx) Oliver Spritzendorfer Thomas Fekete ActiveX Technologie für ausführbaren Programmcode auf Web-Seiten wiederverwendbare Softwarekompononente
MehrSoftwaretechnik. Vorlesung 02: Spezifikation mit Typen. Peter Thiemann SS Universität Freiburg, Germany
Softwaretechnik Vorlesung 02: Spezifikation mit Typen Peter Thiemann Universität Freiburg, Germany SS 2008 Peter Thiemann (Univ. Freiburg) Softwaretechnik SWT 1 / 21 Inhalt Spezifikation mit Typen Exkursion:
MehrGrundlagen Internet-Technologien
More JavaScript Version 1.0 10.5.2010 1 Verbindung JavaScript und HTML bisher: JavaScript "nette Scriptsprache" nun: interessant, weil mit HTML verbindbar Erweiterung von HTML/CSS 2 DOM DOM: Document Object
MehrProgrammieren im Web 2.0
Programmieren im Web 2.0 Inhaltsverzeichnis JavaScript Einführung DHTML als eine Grundlage Do s and Dont s Inhaltsverzeichnis / 2 Ajax Einführung Technische Grundlagen Das XMLHttpRequest Objekt Beispielanwendung
Mehrstring: Beispiele: Test, test, `Seitentitel: ${document.title}`
JS Crashkurs Einige JavaScript spezifische Dinge zusammengefasst. Datentypen Javascript kennt folgende primitiven Datentypen: undefined number: Beispiele: 1 1.0.0 1. 0x1 1e0 boolean: true oder false string:
MehrBerechnung der Anzahl der Schuhepaare, die im vollen Regal (Anzahl der Laden mal Anzahl der Paare je Etage) und neben dem Regal herumstehen.
JavaScript Diverses Inhalt: 1. Beispiel: Schuhe zählen (getelementbyid) 2. Die Historie, Objekt history 3. Keydown -Event-Handler jquery 4. Diverses. 1) Beispiel: Schuhe zählen (getelementbyid) Berechnung
MehrJavaScript. von Patrick Schmidt
JavaScript von Patrick Schmidt Vortrag am 30. April 2009 Inhaltsverzeichnis JavaScript... 3 Einführung und Einordnung...3 Objekte...3 Prototypen...4 Host Objekte...5 Fest implementierte Objekte...5 Document
Mehr5.4 Arrays. Oft müssen viele Werte gleichen Typs gespeichert werden. Idee: Lege sie konsekutiv ab! Greife auf einzelne Werte über ihren Index zu!
5.4 Arrays Oft müssen viele Werte gleichen Typs gespeichert werden. Idee: Lege sie konsekutiv ab! Greife auf einzelne Werte über ihren Index zu! Feld: Index: 17 3-2 9 0 1 0 1 2 3 4 5 Harald Räcke 114/656
MehrO'REILLT Beijing Cambridge Famham Köln Paris Sebastopol Taipei Tokyo. JavaScript. Das umfassende Referenzwerk. David Flanagan
3. AUFLAGE JavaScript Das umfassende Referenzwerk David Flanagan Deutsche Übersetzung von Lars Schulten & Ulrich Speidel O'REILLT Beijing Cambridge Famham Köln Paris Sebastopol Taipei Tokyo Inhalt Vorwort
MehrInhalt. Teil I: Der Sprachkern von JavaScript
Inhalt Vorwort.... 1 Einführung in JavaScript... 1 1.1 Der JavaScript-Sprachkern... 4 1.2 Clientseitiges JavaScript... 9 Teil I: Der Sprachkern von JavaScript 2 Die lexikalische Struktur... 21 2.1 Zeichensatz...
MehrHTML Scripting. Informatik 1 für Nebenfachstudierende Grundmodul. Kai-Steffen Hielscher Folienversion: 06. Dezember 2017
Informatik 1 für Nebenfachstudierende Grundmodul HTML Scripting Kai-Steffen Hielscher Folienversion: 06. Dezember 2017 Informatik 7 Rechnernetze und Kommunikationssysteme Inhaltsübersicht Kapitel 2 - HTML
MehrEin erstes "Hello world!" Programm
OOP Henrik Horstmann 14. September 2014 Inhaltsverzeichnis Inhaltsverzeichnis 1 Bedeutung der Symbole...1 2 Die Benutzer Oberfläche von HOOPLU...2 2.1 Projekte öffnen und speichern...2 2.2 Die Klasse Program
MehrStefan Koch. JavaScript. Einführung, Programmierung, Referenz. 3., aktualisierte und erweiterte Auflage. PS I dpunkt.verlag
Stefan Koch JavaScript Einführung, Programmierung, Referenz 3., aktualisierte und erweiterte Auflage PS I dpunkt.verlag 1 Vorwort 1 2 Übersicht 3 2.1 Was ist JavaScript? 3 2.2 Entwicklung von JavaScript
MehrStefan Koch. JavaScript. Einführung, Programmierung und Referenz inklusive Ajax. 4., komplett überarbeitete Auflage. dpunkt.verlag
Stefan Koch JavaScript Einführung, Programmierung und Referenz inklusive Ajax 4., komplett überarbeitete Auflage dpunkt.verlag Inhaltsverzeichnis t Einleitung 1 1.1 Ziel dieses Buches ;:...;. 2 1.2 Aufbau
MehrProgrammieren 2 (Prof. Hasbargen) Klausur
Programmieren 2 (Prof. Hasbargen) 1 Klausur Aufgabe 1 (10 Punkte) Dynamisierung von HTML-Seiten HTML-Seiten sind eine gängige Art und Weise, Informationen darzustellen. Nennen Sie die Gründe, welche Vorteile
MehrChristian Wenz JavaScript Browserübergreifende Lösungen
Christian Wenz JavaScript Browserübergreifende Lösungen Galileo Computing Inhalt J Einleitung 17 1.1 Geschichte von JavaScript 18 1.2 Voraussetzungen 20 1.3 Danksagung 22 1.4 Vorwort zur 2. Auflage 23
MehrMichael Seeboerger-Weichselbaum. Das Einsteigerseminar JavaScript 4., überarbeitete Auflage
Michael Seeboerger-Weichselbaum Das Einsteigerseminar JavaScript 4., überarbeitete Auflage Inhaltsverzeichnis Vorwort 11 Einleitung und Ziel des Buches 13 Schreibweisen 14 Die Beispiele aus dem Buch 15
MehrBeispiel. Problem: mehrteilige Nachnamen (von Goethe, Mac Donald, Di Caprio)
Beispiel Beispiel: Namensliste konvertieren (Karl Egon Meier Meier, Karl Egon). s/(.*) (.*)/$2, $1/; Problem: mehrteilige Nachnamen (von Goethe, Mac Donald, Di Caprio) s/(.*) (.*)/$2, $1/; s/(.*) ([a-z]+
MehrRückgabewerte von Methoden
OOP Rückgabewerte von Methoden Henrik Horstmann 14. September 2014 Inhaltsverzeichnis Inhaltsverzeichnis 1 Bedeutung der Symbole...1 2 Rückgabewerte von Methoden...2 3 Der freundliche Computer...2 3.1
MehrEinführung in Javascript
Einführung in JavaScript 1/10 Einführung in Javascript 1. Einbinden von Javascript... 2 2. Funktionen... 3 3. Variablen... 5 4. Bedingte Anweisungen... 6 5. Schleifen... 7 6. Objekte... 8 7. Anhang...
MehrEntwicklerCamp 2012 Hands-On 1: JavaScript leicht gemacht. Gelsenkirchen, 26. März Innovative Software-Lösungen.
EntwicklerCamp 2012 Hands-On 1: JavaScript leicht gemacht Gelsenkirchen, 26. März 2012 Innovative Software-Lösungen. Manuel Nientit - Diplom-Wirtschaftsinformatik, Universität Paderborn - seit 2003 entwickle
MehrFunktionen in JavaScript
Funktionen in JavaScript Eine Funktion enthält gebündelten Code, der sich in dieser Form wiederverwenden lässt. Es können ganze Programmteile aufgenommen werden. Mithilfe von Funktionen kann man denselben
MehrJavaScript II. Hochschule Karlsruhe Technik & Wirtschaft Internet-Technologien T3B250 SS2014 Prof. Dipl.-Ing. Martin Schober
JavaScript II Bildaustausch mit dem Attribut name und zwei Funktionen function asterix() { document.images1.src="bilder/asterix.jpg"; function obelix() { document.images1.src="bilder/obelix.jpg";
Mehr01 Einführung in PHP. Einführung in PHP 1/13 PHP in Aktion
01 Einführung in PHP Einführung in PHP 1/13 PHP in Aktion PHP ist eine Programmiersprache, die ganz verschiedene Dinge tun kann: von einem Browser gesendete Formularinhalte auswerten, angepasste Webinhalte
MehrDigitale Medien. Übung zur Vorlesung. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid
Übung zur Vorlesung Digitale Medien Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid Wintersemester 2016/17 JavaScript Browser-Scriptsprache, ursprünglich von Netscape entwickelt. wird direkt im Browser
MehrÜbung zur Vorlesung. Digitale Medien. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid, Hanna Schneider
Übung zur Vorlesung Digitale Medien Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid, Hanna Schneider Wintersemester 2015/16 JavaScript Browser-Scriptsprache, ursprünglich von Netscape entwickelt.
MehrÜberblick. Klassen Optionale Typen DOM. Optionale Parameter Klassen. Einführung. 2 Motivation 3 Werkzeuge 4 Demonstration 5 Dart
Eine kurze Lehrstuhl für Datenmanagement und -exploration RWTH Aachen Proseminar SS 2012 1 / 17 Überblick 1 2 3 4 5 6 7 8 2 / 17 1 -basierte Programmiersprache für Webanwendungen Entwickelt von Google
MehrVervielfältigung und Verbreitung sind ohne schriftliche Genehmigung des Autors nicht
1 Eine Einführung ins Programmieren von Thomas Sommer, Softwork X Vervielfältigung und Verbreitung sind ohne schriftliche Genehmigung des Autors nicht gestattet. 2009 2 Inhaltsverzeichnis 1.Über mich Der
MehrPraktikum 4: Grafiken und Ereignisse
Praktikum 4: Grafiken und Ereignisse Aufgabe 1: Java Applikation Bisher haben wir in Java (ebenso wie in C) jeweils selbständige Konsole-Applikationen erstellt. Java wurde als Programmiersprache für das
MehrTeil 0 pooffuddeagera 5
Einleitung 1 Teil 0 pooffuddeagera 5 1 Was ist JavaScript? 7 2 Datentypen und Variablen 15 3 Arrays 39 4 Objekte 59 5 HTML-Grundlagen 73 6 Bedingte Anweisungen und Schleifen 85 7 Ein Galgenmännchen-Spiel
MehrPHP/HTML-Exkurs_Aufgabe
PHP/HTML-Exkurs_Aufgabe Basics, Formulare und Sonderfälle Basics PHP Schreibe die zwei PHP-Tags auf 1: Schreibe einen Einzeiler, der den Satz Hello World! ausgibt. 2: Ein öffnender und ein schließender
Mehr50 Fragen zu HTML und JavaScript - mit Antworten
50 Fragen zu HTML und JavaScript - mit Antworten http://worgtsone.scienceontheweb.net/worgtsone/ - mailto: worgtsone @ hush.com Nov 21 2010 13. Oktober 2011 Inhaltsverzeichnis 1 50 Fragen 2 js bedeutet:
MehrPHP JavaScript Kapitel 9. Java-Script-Objekte und das Event-Modell
Java-Script-Objekte und das Event-Modell 1 Interaktions-Methoden des Window-Objekts
MehrJavaScript Die ersten Schritte. Holger Chudek Perfect Chain
JavaScript Die ersten Schritte Holger Chudek Perfect Chain Agenda JavaScript Grundlagen Arbeitsumgebungen Firefox (Mit Erweiterungen für Webentwickler) DDE (Domino Designer for Eclipse) Praxis Kleine Aufgaben
MehrMedien und Webtechnologie
Medien und Webtechnologie Herstellerkatalog als Webanwendung Wintersemester 2005/06 18. Januar 2006 M. Wintermeier, C. Brottka, S. Keitsch Unser Ziel Beim Ausführen einer Funktion soll keine neue HTML-Seite
MehrFunktionen. - sind kleine, meist ausgelagerte Programme bzw. Programmfragmente. - können Werte zurückgeben, z.b. Berechnungen
Funktionen - sind kleine, meist ausgelagerte Programme bzw. Programmfragmente - können Werte zurückgeben, z.b. Berechnungen - Wert kann alles sein, was man so in Variablen speichern kann Praktisches Beispiel:
Mehr1)Login Funktion ohne Datenbank
1)Login Funktion ohne Datenbank Die Seite privat.php soll erst aufrufbar sein, wenn der Login, mit der Datei login.html erfolgreich war. Die ist verknüpft mit der login.php. Die logout.php dient zur ordentlichen
MehrName Klasse Datum. Datentyp: Definition: Anführungszeichen
Name Klasse Datum 1 Allgemeines Die wachsende Notwendigkeit Daten schnell und strukturiert zwischen einzelnen Systemen zu verteilen, hat dem XML Format einen wichtigen Platz in der IT Systemlandschaft
MehrHochschule Darmstadt Fachbereich Informatik
Hochschule Darmstadt Fachbereich Informatik Entwicklung webbasierter Anwendungen 1 Entwicklung webbasierter Anwendungen, SS2016, Christopher Dörge / David Müller / Thomas Sauer 12.05.2016 Hochschule Darmstadt
MehrKlausurteilnehmer. Wichtige Hinweise. Note: Klausur Informatik Programmierung, 17.09.2012 Seite 1 von 8 HS OWL, FB 7, Malte Wattenberg.
Klausur Informatik Programmierung, 17.09.2012 Seite 1 von 8 Klausurteilnehmer Name: Matrikelnummer: Wichtige Hinweise Es sind keinerlei Hilfsmittel zugelassen auch keine Taschenrechner! Die Klausur dauert
MehrMartin Unold INFORMATIK. Geoinformatik und Vermessung
Wiederholung So sieht ein leeres Java-Programm aus public class Programmname { public static void main (String[] args) { // Hier stehen die Anweisungen Welche Arten von Anweisungen gibt es? Anweisungen
MehrStädtisches Gymnasium Olpe Java Ht Informatik - Q1 Die Klasse List im Abitur Methoden und Beispielcode Hier alle wichtigen Methoden. Ein Beispielcode
Die Klasse List im Abitur Methoden und Beispielcode Hier alle wichtigen Methoden. Ein Beispielcode folgt im Anschluss. Beispielcode Es gibt eine Klasse Benutzerverwaltung, welche eine Liste mit Benutzern
MehrUm Ihren neuen»counter«(besucherzähler) auf einer Webseite zu installieren, benötigen Sie folgenden HTML-Code:
Anleitung zum Counter Beim Kopieren der Code-Beispiele in dieser Anleitung ist die beispielhafte Counter-ID 0000000000 durch die eigene zehnstellige Counter-ID des jeweiligen Zählers zu ersetzen. Einbau
MehrHTML Tutorial Part I - Einführung und erste Texte schreiben
HTML Tutorial Part I - Einführung und erste Texte schreiben Hallo und Herzlich Willkommen auf meiner Seite. Hier dreht sich alles um das Thema HTLML Programmierung. Das ganze beginnt bei den einfachsten
MehrInteraktion Java und JavaScript
Interaktion Java und JavaScript Eliane Müller Inhalt JavaScript LiveConnect Aufruf von Java aus JavaScript via client-side LiveConnect Aufruf von JavaScript aus Java via client-side LiveConnect Anwendung:
MehrZahlenraten: Ein Spiel in Java.
Zahlenraten: Ein Spiel in Java. Nach dem Start vom Java-Editor (und dem Erstellen eines JFrame-Programms) sieht man Folgendes: Dieser Code startet das Programm, indem es ein Objekt der Klasse Zahlenraten
MehrUmsetzung einer Klassenkarte in einer Programmiersprache
Klassen in Java Umsetzung einer Klassenkarte in einer Programmiersprache Objektorientierte Programme bestehen (nur) aus Klassendefinitionen In Klassendefinitionen wird die Struktur der Objekte festgelegt,
MehrErste Java-Programme (Scopes und Rekursion)
Lehrstuhl Bioinformatik Konstantin Pelz Erste Java-Programme (Scopes und Rekursion) Tutorium Bioinformatik (WS 18/19) Konstantin: Konstantin.pelz@campus.lmu.de Homepage: https://bioinformatik-muenchen.com/studium/propaedeutikumprogrammierung-in-der-bioinformatik/
MehrKlausur: Internet-Technologien
Klausur: Internet-Technologien A0.01, B6 26. September 2003 Name: Vorname: Matrikelnummer: Studiengang: Lfd.Nr.: Sitz-Nr.: Hinweise zur Bearbeitung a. Die Klausur besteht aus 9 Aufgaben, für die insgesamt
MehrWebbasierte Programmierung
Webbasierte Programmierung Eine Einführung mit anschaulichen Beispielen aus der HTML5-Welt apl. Prof. Dr. Achim Ebert Inhalt Kapitel 5: JavaScript Erste Schritte in JavaScript Variablen Definition Typen
MehrFortgeschrittene JSF- Techniken. Ralf Gitzel
Fortgeschrittene JSF- Techniken Ralf Gitzel ralf_gitzel@hotmail.de 1 Themenübersicht Ralf Gitzel ralf_gitzel@hotmail.de 2 Übersicht Navigation Konvertierung von Eingabewerten Verifizierung von Eingabewerten
MehrInternet. HTML Programmierung Grundlagen HTML Programmierung für Fortgeschrittene CGI Programmierung PHP Programmierung Programmieren mit JavaScript
Internet Internet HTML Programmierung Grundlagen HTML Programmierung für Fortgeschrittene CGI Programmierung PHP Programmierung Programmieren mit JavaScript neu Impressum Herausgeber: LogIn S&C Gesellschaft
MehrHTML-Seiten mithilfe von JavaScript durch die Bearbeitung von DOM-Elementen aktualisieren. Mit jquery diese sogar animieren.
Das DOM und jquery Inhalt: HTML-Seiten mithilfe von JavaScript durch die Bearbeitung von DOM-Elementen aktualisieren. Mit jquery diese sogar animieren. 1)DOM erklären Ein Element mit getelementbyid auswählen
MehrÜbungen zum Bioinformatik-Tutorium. Blatt 3
Institut für Informatik Wintersemester 2018/19 Praktische Informatik und Bioinformatik Prof. Dr. Ralf Zimmer Übungen zum Bioinformatik-Tutorium Blatt 3 Termin: Dienstag, 6.11.2018, 11 Uhr 1. Hello World
MehrÜbungsblatt 1. Java Vorkurs (WS 2017)
Übungsblatt 1 Java Vorkurs (WS 2017) Aufgabe 1 Hallo-Welt Erstelle ein neues Projekt mit dem Namen HelloJava. Erzeuge in diesem Projekt eine neue Klasse HelloJava. (a) Schreibe die main-methode in die
MehrProjektdokumentation
Projektdokumentation Schachspiel mit JavaScript Daniel Mockenhaupt Klasse 10b Projektdokumentation: Schachspiel mit JavaScript Seite 1 Einführung Ziel dieser Projektarbeit soll die Erstellung eines Schachspiels
MehrKai Preßmar Zweite Projektarbeit: Erstellung eines Programms NwT Klasse 10b NwT Projekt Fitness Check. Dokumentation.
NwT Projekt Fitness Check Dokumentation 1 S e i t e Gliederung 1. Einleitung S.3 2. Bedienungsanleitung S.3 Starten der Seite S.3 Bedienung der Seite S.3 3. Technische Details S. 4 Übersicht S.4 Anmerkung
MehrGrundlagen Internet-Technologien. Clientseitige Web-Programmierung
Clientseitige Web-Programmierung mit JavaScript Version 1.1 3.5.2010 1 aktuelles 2 clientseitige Web-Programmierung verschiedene Ansätze JavaScript Java Applet Adobe Flash Microsoft Silverlight RIA: rich
MehrProgrammsteuerung mit PHP - if/else, elseif,switch
Programmsteuerung mit PHP - if/else, elseif,switch Bei der Programmierung geht es meist vor allem darum festzulegen, welche Aktionen wie oft unter welchen Bedingungen ausgeführt werden sollen. Hierzu steht
Mehr2.1 Visual C Express installieren Visual C Express starten Visual C Express registrieren...
Datei: 5220_A02Inhalt.doc, Seite3 15. September 2010 Teil I Erste Schritte 1 Einleitung.... 9 1.1 Was Sie erwartet und was Sie nicht erwartet.... 9 1.2 Wie die Kapitel aufgebaut sind.... 10 1.3 Beispieldateien....
MehrEinführung in die Programmierung 1
Einführung in die Programmierung 1 Einführung (S.2) Einrichten von Eclipse (S.4) Mein Erstes Programm (S.5) Hallo Welt!? Programm Der Mensch (S.11) Klassen (S.12) Einführung Wie Funktioniert Code? Geschriebener
MehrV by WBR1/BFH-TI 2011 by MOU2/BFH-TI
Java-Applets Unterlagen zum Modul OOP mit Java V 3.0 2007 by WBR1/BFH-TI 2011 by MOU2/BFH-TI Java-Applets V3.0 2011 by WBR1&MOU2/BFH- TI Lernziele Die Kursteilnehmer sind in der Lage: Möglichkeiten und
Mehr