Interaktion Java und JavaScript

Transcription

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
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
Aktuelle Versionen
• JavaScript 1.5 (2. 2001)
• JScript 5.5 (4. 2000)
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
Server-side JavaScript
• JavaScript-Code wird auf dem Server
ausgeführt
• Anwendungen:
– Dateien auf Server schreiben/auslesen
– Datenaustausch zwischen verschiedenen
Clients
– E-Mails versenden
– Datenbanken ansprechen
7
Interaktionsdreieck
JavaScript
Java
Browser
HTML
8
Applets
• können in HTML-Seiten eingebunden werden
⇒ ansprechendere, funktionellere HTMLSeiten
⇒ Anwendung ist verfügbar für alle, die
Zugang zum WWW/Intranet haben
9
LiveConnect
JavaScript
Java
Methoden
JavaScript
Methoden
Java
Browser
HTML
10
Java-JavaScriptKommunikation
• 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
LiveConnect
• ist eine Technik von Netscape, wird auch vom
Microsoft Internet Explorer unterstützt
• client-side LiveConnect
• server-side LiveConnect
13
Von JavaScript nach Java via
Client-side LiveConnect
• Aufruf von vordefinierten Java-Methoden
• Zugriff mit JavaScript auf Java-Applets
14
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
Zugriff mit JavaScript auf JavaApplets
• 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
• 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
• 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
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
<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>
23
</body>
</html>
import java.awt.*;
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),
};
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
Von Java nach JavaScript via
• 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
• 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
• 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 JavaObjekt)
28
<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>
29
</HTML>
Beispiel 4:
HelloWorld1.html
import netscape.javascript.*;
import java.awt.*;
public class HelloWorld1 extends Applet
String myString;
Applet
HelloWorld1.java
{
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();
}
}
{
30
Anwendung: Physlets
• „Physics applets“:
–
–
–
–
relativ klein
einfache Grafik
können über JavaScript kontrolliert werden
http://webphysics.davidson.edu/Applets/Applets.ht
ml
31
Fazit
• Mit LiveConnect kann ohne grossen Aufwand
von JavaScript aus auf Java-Applets
zugegriffen werden und umgekehrt.
32
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
• Zugriff auf Objekte und Elemente:
– JSObject erzeugen, das sich auf das documentObjekt bezieht:
JSObject doc =
win.getMember(“document“);
– Mit getMember() können Eigenschaften und
Unterobjekte eines Objekts angesprochen
werden.
35
• Zugriff auf JavaScript-Methoden:
– call: ruft JavaScript-Methode auf
– eval: wertet JavaScript-Ausdruck aus
36

Interaktion Java und JavaScript

Transcription

Documents pareils

(WebE) - Vorlesung 5: DOM Implementierungen, JavaScript, DHTML

Informationen - Fachhochschule Kiel

Storyboard: „The hysterical programmer“

Java Portable (Java Runtime Environment)

Technische Spezifikationen

Dimoco ist ein internationales Unternehmen mit Sitz in Brunn

DER PAginA-EPUB-ChECkER

Clientseitige Internet-Technologien

Blatt 8

Einstellungen in Windows, Browser und Mailprogramm