模板
教程
環境
性能
功能
管理
Javascript與Java在瀏覽器中的交互
Shenzhen Ouxin Industrial Development Co.
馬 晨
---- Javascript 剛 出 來 的 時 候, 許 多 人 都 以 為Javascript 和Java 差 不 多, 而 事 實 上 兩 者 毫 無 二 致. 但 這 并 不 是 說 兩 者 就 毫 無 聯 系 了. 在Netscape Navigator 3.0 以 上 的 版 本 和IE 4.0 中, Javascript 卻 可 以 和Java Applet 實 現 交 互.
---- 在Javascript 中 有 一 個 對 象 叫 做packages, 通 過 它 可 以 調 用Java API 中 的 方 法. 比 如
---- packages.java.lang.System.out.println("Hello,World!")
---- 用Netscape Navigator 3.0 以 上 的 版 本 來 看 含 有 該 語 句 的html 文 件, 你 會 在Netscape 的Java Console 中 看 到"Hello,World!" 的 輸 出.
---- 可 能 你 會 覺 得 這 樣 做 很 不 直 觀, 因 為 不 能 在 瀏 覽 器 中 直 接 顯 示, 還 要 另 外 打 開 一 個JavaConsole 窗 口, 似 乎 麻 煩 了 一 點. 但 是 這 個 例 子 最 簡 單, 它 不 需 要 你 寫 什 么java 程 序, 直 接 調 用java api 中 的 函 數 就 可 以 了.
---- 為 了 進 一 步 說 明javascript 是 如 何 在Netscape Navigator 中 控 制java applet 的, 讓 我 們 看 看 以 下 的 例 子. 該 例 假 設 你 是 一 位java 程 序 員, 現 在 接 到 一 項 任 務. 該 任 務 要 求 你 設 計 一 個java applet, 這 個java applet 會 在 瀏 覽 器 中 畫 一 個 圓, 然 后 你 要 提 供 一 個 按 鈕 給 用 戶, 使 得 用 戶 只 要 用 鼠 標 點 一 下 按 鈕, 這 個 圓 的 顏 色 就 會 改 變.
---- 凡 是 學 過java 編 程 的 人 都 知 道 這 個 程 序 可 以 全 部 用java 語 言 來 實 現. 但 是 我 要 說, 這 樣 做 有 一 個 弊 端. 那 就 是 源 程 序 會 變 得 復 雜, 長 度 增 加. 因 為 畫 圓 很 簡 單, 一 個paint() 就 可 以 完 成 了. 但 是 加 上 了 按 鈕, 就 要 加 上 有 關 事 件 處 理 的 方 法. 程 序 馬 上 就 變 長 了. 如 果 用javascript 來 實 現, 則 情 況 就 簡 單 多 了.java 程 序 中 只 需 要 提 供 一 個 控 制 顏 色 變 化 的 方 法 就 可 以 了. 對 于 按 鈕 事 件 的 處 理 則 可 以 全 部 交 給 瀏 覽 器 自 己 去 解 決 了.
---- 以 下 是 該 例 的java 源 程 序, 以 及 與 之 配 合 的javascript.
import java.awt.Graphics;
import java.awt.Color;
public class simple_sample extends java.applet.Applet
{
Color line_color=Color.black;
String color_description="";
private int i=1;
public void start_2_change()
{
if (i%2==0)
{
line_color=Color.yellow;
color_description="The current color is Yellow!";
}
else
{
line_color=Color.green;
color_description="The current color is Green!";
}
i++;
repaint();
}
public void paint(Graphics g)
{
g.drawString(color_description,10,10);
g.setColor(line_color);
g.drawOval(30,20,79,79);
}
}
Javascript:
< form >
< input type="button" value="Alter Color"
onclick="document.simple_sample.start_2_change()" >
< /form >
