Interaktion Java und JavaScript

Größe: px

Ab Seite anzeigen:

Download "Interaktion Java und JavaScript"

Erica Dressler
vor 7 Jahren
Abrufe

1 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: Physlets Fazit 2

2 Interaktionsdreieck JavaScript Java Browser HTML 3 JavaScript Microsoft entwickelte eigene JavaScript Version: JScript Starke Auseinanderentwicklung von JavaScript und JScript ECMAScript von ECMA: seit 1998 internationaler Standard, um dieser Entwicklung entgegenzuwirken JavaScript und JScript als Implementationen von ECMAScript 4

3 Aktuelle Versionen JavaScript 1.5 ( ) JScript 5.5 ( ) 5 Client-side JavaScript JavaScript, das in einem Browser auf dem Computer des Anwenders ausgeführt wird JavaScriptfähige Browser: Netscape Communicator (Version 2.0+), Microsoft Internet Explorer (JScript) (Version 3.0+), Opera (ECMAScript),... 6

4 Server-side JavaScript JavaScript-Code wird auf dem Server ausgeführt Anwendungen: Dateien auf Server schreiben/auslesen Datenaustausch zwischen verschiedenen Clients s versenden Datenbanken ansprechen 7 Interaktionsdreieck JavaScript Java Browser HTML 8

5 Applets können in HTML-Seiten eingebunden werden ansprechendere, funktionellere HTML- Seiten Anwendung ist verfügbar für alle, die Zugang zum WWW/Intranet haben 9 LiveConnect Java Methoden JavaScript JavaScript Methoden Java Browser HTML 10

6 Java-JavaScript- Kommunikation Java und JavaScript waren ursprünglich unabhängig voneinander stärkere Zusammenarbeit war geplant LiveConnect 11 LiveConnect LiveConnect ist eine Technologie, die Java, JavaScript und Plug-Ins verbindet unsichtbare Architektur, die im Hintergrund läuft kein grosser zusätzlicher Aufwand notwendig: JavaScript-Code muss nicht abgeändert werden, Java-Applets unterstützen LiveConnect, wenn sie public sind. 12

7 LiveConnect ist eine Technik von Netscape, wird auch vom Microsoft Internet Explorer unterstützt client-side LiveConnect server-side LiveConnect 13 VonJavaScriptnachJavavia Client-side LiveConnect Aufruf von vordefinierten Java-Methoden Zugriff mit JavaScript auf Java-Applets 14

8 Aufruf von vordefinierten Methoden Mit JavaScript hat man im Netscape Navigator (seit der Version 3.0) Zugriff auf alle vordefinierten Java-Pakete und -Klassen. Java-Pakete und -Klassen werden in JavaScript als Eigenschaften des Packages- Objekts betrachtet Zugriff: [Packages.]packageName.className.methodName 15 Beispiel 1: Ausgabe auf der Java-Konsole <html> <head> <script language="javascript"> function gruss() { System = java.lang.system; System.out.println( Gruss von JavaScript ); </script> </head> <body> <form> <input type= button value= bitte drücken onclick= gruss() > </form> </body> </html> 16

9 Zugriff mit JavaScript auf Java- Applets Es gibt Situationen, in denen sich eine Kombination aus Java und JavaScript anbietet: Java ist bezgl. Grafikausgabe flexibler als JavaScript Java besitzt keine so enge Verknüpfung zur HTML-Seite, wie JavaScript 17 Zugriff mit JavaScript auf Java- Applets Gegenüber einem Java-Applet hat ein JavaScript-Programm die gleichen Freiheiten wie eine andere Java-Klasse. JavaScript hat Zugriff auf alle Elemente und Methoden des Applets, die public sind. Static Methoden eines Applets sind für JavaScript als Methoden des Applet - Objekts verfügbar 18

10 Zugriff mit JavaScript auf Java- Applets JavaScript hat Zugriff auf alle Applets, die auf einer HTML-Seite eingebettet sind. Einzelne Applets werden wie normale JavaScript-Objekte adressiert: document.appletname bzw. document.applets[0] 19 Beispiel 2: HelloWorld.html <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function newstring() { document.testapplet.setstring(document.form1.str.value); </SCRIPT> </HEAD> <BODY> <APPLET CODE="HelloWorld.class" NAME="TestApplet" WIDTH=150 HEIGHT= 25> </APPLET> <FORM NAME="form1"> <INPUT TYPE="button" "VALUE="Set String" onclick="newstring() > <BR> <INPUT TYPE="text" SIZE="20" NAME="str"> </FORM> </BODY> </HTML> 20

11 Applet HelloWorld.java import java.applet.applet; import java.awt.graphics; public class HelloWorld extends Applet { String mystring; public void init() { mystring = new String("Hello, world!"); public void paint (Graphics g) { g.drawstring(mystring, 50, 25); public void setstring(string astring) { mystring = astring; repaint(); 21 Datentyp-Konvertierung von JavaScript nach Java JavaScript Java string, number, boolean string, float, boolean Wrapper (um Java-Objekt) Objekt JavaScript-Objekt netscape.javascript. JSObject 22

12 <html> <head> <script language="javascript"> Beispiel 3: Balken.html var meinapplet; function init() { meinapplet = document.balkenapplet; function neuerbalken(formular) { var laenge = parseint(formular.x1.value)*3.1; if (laenge < 0) alert("nur positive Zahlen"); else if (laenge > 310) alert("nur bis 100"); else if (meinapplet!= null) meinapplet.zeichnebalken(laenge); </script> <body onload="init()"> <applet code="balkenapplet.class" name="balkenapplet" width="360" height="360"></applet> <form name="eingabe"> Wert: <input type="text" name="x1" value="10" size="5"> <input type="button" value="wert setzen (in Prozent) onclick="neuerbalken(this.form)"> </form> </body> </html> 23 import java.awt.*; import java.applet.applet; Beispiel 3 public class BalkenApplet extends Applet { int x, y, width, height; Color color[] = {new Color(150, 0, 0), new Color(255, 128, 0), new Color(255, 255, 0), new Color(0, 255, 0), new Color(0, 150, 0), new Color(0, 150, 150), new Color(0, 0, 255), new Color(0, 0, 150), new Color(128, 0, 128), new Color(0, 0, 0), ; int index = 9; public void paint(graphics g) { boolean opaque = true; g.setcolor(color[index++ % 10]); g.fillrect(x, y, width, height); public void update(graphics g) { paint(g); public void zeichnebalken(int width) { this.x = 10; this.y += 40; this.width = width; this.height = 20; repaint(); 24

13 VonJavanachJavaScriptvia Client-side LiveConnect Um auf JavaScript-Methoden von einem Java-Applet aus zuzugreifen, muss das Netscape javascript package importiert werden: import.netscape.javascript.* netscape.javascript definiert die Klasse JSObject und das Objekt JSException. 25 VonJavanachJavaScriptvia Client-side LiveConnect Zugriff auf das Browserfenster: um auf JavaScript Objekte zugreifen zu können, muss zuerst ein Objekt JSObject erstellt werden, das das Browserfenster repräsentiert: JSObject win=jsobject.getwindow(this); 26

14 VonJavanachJavaScriptvia Client-side LiveConnect Mit dem Attribut MAYSCRIPT des <APPLET>- Tags in der HTML-Seite wird dem Applet Zugang zu JavaScript erlaubt. 27 Datentyp-Konvertierung von Java nach JavaScript Java JavaScript boolean JavaScript-boolean byte, char, short, int, long, float, double Number String JavaScript-String JSObject JavaScript-Objekt Java-Objekte und Java-Arrays Wrapper (um Java- Objekt) 28

15 <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> var myapplet; function init() { myapplet = document.testapplet; function newstring() { document.testapplet.setstring(document.form1.str.value); </SCRIPT> </HEAD> <BODY> <APPLET CODE= "HelloWorld1.class" NAME= "TestApplet" WIDTH= 150 HEIGHT= 25 MAYSCRIPT > </APPLET> <FORM NAME="form1"> <INPUT TYPE="button" VALUE="Set String" onclick="newstring()"> <BR> <INPUT TYPE="text" SIZE="20" NAME="str"> </FORM> </BODY> </HTML> Beispiel 4: HelloWorld1.html 29 import netscape.javascript.*; import java.applet.applet; import java.awt.*; public class HelloWorld1 extends Applet { String mystring; public void init() { mystring = new String("Hello, world!"); public void paint (Graphics g) { g.drawstring(mystring, 50, 25); JSObject win = JSObject.getWindow(this); String args = "Painting!"; win.call ("alert", args); public void setstring (String astring) { mystring = astring; repaint(); Applet HelloWorld1.java 30

16 Anwendung: Physlets Physics applets : relativ klein einfache Grafik können über JavaScript kontrolliert werden ml 31 Fazit Mit LiveConnect kann ohne grossen Aufwand von JavaScript aus auf Java-Applets zugegriffen werden und umgekehrt. 32

17 Quellenangaben St. Koch: JavaScript, dpunkt.verlag, 2. Auflage 1999 D. W. Barron: The World of Scripting Languages, John Wiley & Sons Verlag, 2000 Java, JavaScript and Plug-In interaction using clientside LiveConnect LiveConnect Physlets resource page 33 Interaktion Java und JavaScript Eliane Müller

18 VonJavanachJavaScriptvia Client-side LiveConnect Zugriff auf Objekte und Elemente: JSObject erzeugen, das sich auf das document- Objekt bezieht: JSObject doc = win.getmember( document ); MitgetMember() können Eigenschaften und Unterobjekte eines Objekts angesprochen werden. 35 VonJavanachJavaScriptvia Client-side LiveConnect Zugriff auf JavaScript-Methoden: call: ruft JavaScript-Methode auf eval: wertet JavaScript-Ausdruck aus 36

Ähnliche Dokumente

Grundlagen der Informatik für Ingenieure I

Grundlagen der Informatik für Ingenieure I 2 Java: Java-Einführung 2 Java: Java-Einführung 2.1 Java-Entwicklungsgeschichte 2.2 Java Eigenschaften 2.3 Java-Entwicklungsumgebung 2.4 Application vs. Applet 2.5 Ein erstes Programm 2.1 2.1 Java - Entwicklungsgeschichte