JavaScript与JavaApplet综合运用

【 tulaoshi.com - 编程语言 】

　　在WWW中Java因其灵活性而得到越来越广泛的运用,许多的网页都使用了Java来增加动感和与用户进行交互对话.在WWW中Java Script和Java Applet是运用最多的。Java Script的启动速度快, 编写简单,易于修改,与文档的结合密切,但其功能略嫌简单; 而Java Applet的功能强大, 灵活性好,但编写复杂,无法直接在文档中修改.因此如能将二者结合运用将达到很好的效果.

　　下面我给大家举例如何在网页中进行Java Script和Java Applet的综合运用.

　　首先我们编写一个Java Applet,就叫HelloWorld1好了(大家对HelloWorld一定不会陌生).

　　HelloWorld1.java

import java.awt.*;
import java.applet.*;
public class HelloWorld1 extends Applet
{
public String text="Hello World!";//请注意此处的public
public void paint(Graphics g)
{g.drawString(text,20,20);}
}

　　编译通过后会生成HelloWorld1.class(别告诉我程序无法通过！如果编译出错请检查是否拼写有误。)

　　example.html

html
headtitle例子/title/head
body
script language="JavaScript"
!--
function SetText()
{
document.app.text="世界你好!";
document.app.repaint();//也请注意此句.
}
//--
/script

　　Java Script与Java Applet的综合运用例一br

applet code="HelloWorld1.class" width="100" height="28" name="app"
/applet
form
input type="button" value="请点击这里" onclick="SetText()"
/form
/body
/html

　　用浏览器打开example.html会出现一个显示Hello World!的Java Applet以及一个按钮请点击这里。我们点一下按钮，你会发现Hello World!变成了世界你好。这说明Java Script已经成功的改变了HelloWorld1中text的内容。

　　你也许会问在在HelloWorld1.java中为什么要在text前加public？？

　　还有Java Script中那行："document.app.repaint();"是什么意思？？

　　是这样的:

　　和C++一样,在Java中缺省状态下,对象的属性是private,要让Java Script访问到Java Applet中的对象,必须设置为public(包括函数、变量和类)。

　　前一句document.app.text="世界你好!"仅改变了text的值,要使它反映在浏览器上,必须要让HelloWorld1刷新它的显示,因此要调用HelloWorld1中的repaint()函数。你也许又要问了:我在HelloWorld1.java中并没有看到repaint()函数呀？ HelloWorld1是Applet的子类，我们调用repaint()其实是调用类Applet中的repaint()函数。当然我们并不推荐在外部直接修改Applet内的变量，更安全的方法是提供public函数来读取和改变内部变量。

　　上面我们介绍了使用Java Script改变Java Applet中的变量的方法(严格来讲应该是改变了String类,不过可以简单的把String类看成是变量)； 我们说直接在Java Script中改变Java Applet中的变量是不可取的(至少是不推荐的)。 因为Java Applet本身并不知道变量被改变， 这会给Applet程序带来隐患(还记得我们不得不调用repaint()函数来刷新显示吗？)。 更为积极的做法是在Java Applet中提供public函数支持对内部对象的存取。下面我们对HelloWorld1.java和example.html进行改进,介绍如何在Java Script中调用Java Applet的函数：

　　考虑到浏览器对同名的Java Applet往往使用cache,因此我们把程序命名为HelloWorld2.java

　　HelloWorld2.java

import java.awt.*;
import java.applet.*;
public class HelloWorld2 extends Applet//主类名必须与文件名相同
{
String text="Hello World!";//去掉text的public属性
public void paint(Graphics g)
{g.drawString(text,20,20);}
//这里增加一个public函数
public void SetString(String NewString)
{
text=NewString;
repaint();//自动调用repaint()函数
}
}

　　编译后生成HelloWorld2.class；

　　example2.html

html
headtitle例子/title/head
body
script language="JavaScript"
!--
function SetText()
{
document.app.SetString("世界你好!");
//这里不再需要repaint()函数了
}
//--
/script
applet code="HelloWorld2.class" width="100" height="28" name="app"
/applet
form
input type="button" value="请点击这里" onclick="SetText()"
/form
/body
/html

　　同样打开example2.html点击按钮后你会发现"Hello World!"变成了"世界你好!"，说明调用函数成功？