?? javascr3.html
字號(hào):
<html><head><title>JavaScript 第 三 集</title><script language="JavaScript"><!-- Hidefunction WinOpen(url) { msg=open(url,"DisplayWindow","toolbar=yes,directories=no,menubar=no");} function stat(txt) { window.status = txt; setTimeout("erase()",1500); } function erase() { window.status=""; }// --></script></head><BODY bgcolor="ffffff" link=#ff0000 vlink=#4444dd alink=#9999dd><center><img src="java.gif" ><br><font size=+2 color=#FF0000><br>第 三 集</center></a></font><p><HR WIDTH="80%" ALIGN="center" SIZE="2"><p><br><br><CENTER><TABLE><TR><TD><font size=+1>曾 有 許 多 網(wǎng) 友 問(wèn) 我 有 關(guān)JavaScript與 框 架(為 求 方 便， 以 下 均 用frame表 示)合 用 的 問(wèn) 題。 事 實(shí) 上，若 您 同 時(shí) 想 用frames和JavaScript的 功 能， 首 先 您 必 需 擁 有Netscape Navigator 2.0 (或 以 上)瀏 覽 器(至 少 目 前 是 如 此)。 當(dāng) 然 也 有 某 些 瀏 覽 器 支 援frames的 功 能--如:Oracle開(kāi) 發(fā) 的PowerBrowser， 但 此瀏 覽 器 還 只 是Beta版， 目 前 尚 不 支 援JavaScript。<p>首 先， 我 稍 微 解 釋 一 下frames的 功 用。 因 為frames功 能 才 開(kāi) 發(fā) 不 久， 仍 有 許 多HTML文 件 中 未 使用 這 項(xiàng) 新 功 能。Frames最 主 要 功 用 是"分 割"您 的 視 窗， 使 每 個(gè)"小 視 窗"(frame)能 顯 示 不 同 的HTML文 件(譯 按:這 有 點(diǎn) 類 似 電 視 的 子 母 畫(huà) 面)。 更 妙 的 是， 不 同frame之 間 可 以 互 動(dòng)(interact)， 也 就 是說(shuō) 不 同frame之 間 可 以 交 換 訊 息 與 資 料(information)。 例 如:假 設(shè) 您 開(kāi) 了 兩 個(gè)frames， 第 一 個(gè)frame可顯 示 普 通HTML文 件， 第 二 個(gè)frame可 顯 示 工 具 列(toolbar)。 此 工 具 列 中 可 包 含 瀏 覽 您homepage所需 的 各 種 按 鈕。 如 此 一 來(lái)， 即 使 第 一 個(gè)frame載 入 了 另 一 個(gè)HTML文 件， 您 仍 可 在 第 二 個(gè)frame中看 到 工 具 列。<p>現(xiàn) 在 我 先 將 上 述 特 性 展 示 給 您 瞧 瞧。 請(qǐng) 按 一 下 下 面 的 按 鈕， 看 一 看frames的 長(zhǎng) 相。(如 果 您 是 線上 觀 看 此 文 件， 您 可 能 需 稍 候 一 下 才 看 得 到 結(jié) 果， 因 為scripts必 需 由server中 載 入 到 您 的 機(jī) 器)。<p><form><input type="button" name="Button1" value="請(qǐng) 按 這 " onclick="WinOpen('frtest.html')"></form><p>以 下 是 此frame的 寫(xiě) 法:<p><pre><HTML><HEAD><title>Frames</title></HEAD> <FRAMESET ROWS="50%,50%"> <FRAME SRC="frtest1.html" name="fr1"> <FRAME SRC="frtest2.html" name="fr2"> </FRAMESET> </HTML> </pre><p>首 先 您 必 須 告 訴 瀏 覽 器 您 要 開(kāi) 幾 個(gè)frame?這 是 由 <frameset...> 這 個(gè) 標(biāo) 簽(tag)來(lái) 宣 告。<i>rows</i>這 項(xiàng)叁 數(shù) 是 告 訴 瀏 覽 器 您 想 將 視 窗 分 割 成 幾 列?而 <i>cols</i>這 項(xiàng) 叁 數(shù) 是 告 訴 瀏 覽 器 您 想 將 視 窗 分 割 成 幾行?您 也 可 以 用 很 多 組 的 <frameset...> tags 將 視 窗 分 割 得 更 復(fù) 雜。 以 下 是 Netsacpe所 提 到 的 一 個(gè)范 例:<p><pre><FRAMESET COLS="50%,50%"> <FRAMESET ROWS="50%,50%"> <FRAME SRC="cell.html"> <FRAME SRC="cell.html"> </FRAMESET> <FRAMESET ROWS="33%,33%,33%"> <FRAME SRC="cell.html"> <FRAME SRC="cell.html"> <FRAME SRC="cell.html"> </FRAMESET> </FRAMESET> </pre><p><form><input type="button" name="Button2" value="試 試 這 個(gè) 按 鈕" onclick="WinOpen('nsexmpl.html')"></form><p>上 面 這 個(gè) 例 子 產(chǎn) 生 了 兩 行， 而 且 第 二 行 又 分 割 成 三 列 大 小 相 等 的 空 間。 在 第 一 個(gè) <frameset> tag中 的 50%，50% 兩 項(xiàng) 叁 數(shù) 是 用 來(lái) 表 是frame的 大 小。<br>您 可 以 給 每 個(gè)frame一 個(gè)"名 字" (name)。frame的 名 字 在JavaScript語(yǔ) 法 中 的 地 位 非 常 重 要。 在 本章 的 第 一 個(gè) 范 例 中 您 已 學(xué) 到 如 何 替frame命 名。 接 下 來(lái) 您 可 以 用 <frame> tag 告 訴 瀏 覽 器 您 要 載入 哪 一 個(gè) HTML文 件。<p><br><HR WIDTH="80%" ALIGN="center" SIZE="2"><p>我 想 您 已 了 解frames的 基 本 用 法， 接 下 來(lái) 我 們 再 看 一 個(gè) 有 趣 的 范 例:<p><form><input type="button" name="Button3" value="快 試 試 這 里" onclick="WinOpen('frames.html')"></form><p>上 面 的 按 鈕 將 顯 示 : 按 某 個(gè)frame中 的 按 鈕 後， 會(huì) 在 另 一frame中 寫(xiě) 入 文 字。<br>以 下 是 此 功 能 的 原 始 碼:<p><i>在 產(chǎn) 生frames效 果 之 前， 您 需 先 制 作 下 列 原 始 碼 (frames.html):</i><p><pre><HTML><HEAD><title>Frames</title></HEAD> <FRAMESET ROWS="50%,50%"> <FRAME SRC="frame1.html" name="fr1" noresize> <FRAME SRC="frame2.html" name="fr2"> </FRAMESET> </HTML></pre><p><i>以 下 是 frame1.html 的 原 始 碼:</i><p><pre><HTML><HEAD><script language="JavaScript"><!-- Hiding function hi() { document.write("嗨!<br>"); } function yo() { document.write(" !<br>"); } function bla() { document.write("啦 啦 啦<br>"); }// --></script></HEAD><BODY>這 是 第 一 個(gè) frame!</BODY></HTML></pre><p><i>以 下 是 frame2.html 的 原 始 碼:</i><p><pre><HTML><body>這 是 第 二 個(gè) frame!<p><FORM NAME="buttonbar"> <INPUT TYPE="button" VALUE="嗨" onClick="parent.fr1.hi()"> <INPUT TYPE="button" VALUE=" " onClick="parent.fr1.yo()"> <INPUT TYPE="button" VALUE="啦" onCLick="parent.fr1.bla()"></FORM></BODY></HTML></pre><p>哇!這 些 語(yǔ) 法 越 來(lái) 越 長(zhǎng) 了!上 述 的 語(yǔ) 法 是 如 何 運(yùn) 作 的 呢?當(dāng) 使 用 者 載 入 第 一 個(gè) 檔 案 (frames.html)後， 將 會(huì) 產(chǎn) 生 兩 個(gè)frame， 并 且 在 第 一 個(gè)frame(命 名 為 'fr1')中 載 入frame1.html， 而 在 第 二 個(gè)frame (命 名 為 'fr2')中 載 入frame2.html。 到 目 前 為 止 都 只 是 普 通 的 HTML 語(yǔ) 法。 或 許 您 已 發(fā) 現(xiàn) 在frame1.html中 包 含 了JavaScript語(yǔ) 法， 但 此JavaScript并 沒(méi) 有 馬 上 被 執(zhí) 行。 難 到 這 些 函 式(functions)是 不 必 要 的?亦 或 是 我 得 刪 除 這 些 不 必 要 的 函 式?雖 然 我 是 散 慣 的 人， 但 這 些 函 式 確 實(shí) 是 必須 的。 它 們 是 被 位 於frame2.html中 之JavaScript語(yǔ) 法 所 呼 叫 而 執(zhí) 行 的。 我 在frame2.html中 利 用JavaScript語(yǔ) 法 制 作 了 三 個(gè) 按 鈕， 制 作 按 鈕 來(lái) 呼 叫 函 式 的 方 法 我 已 在 第 一 章 提 過(guò)， 相 信 您 對(duì)onClick的用 法 已 相 當(dāng) 熟 悉。 但 是...... parent.fr1 是 干 嘛 用 的?<p>若 您 對(duì) 物 件 觀 念 已 相 當(dāng) 了 解， 相 信 它 對(duì) 您 不 是 甚 麼 新 鮮 事。 您 可 以 看 到frames.html同 時(shí) 呼 叫 frame1.html 與 frame2.html兩 個(gè) 檔 案， 所 以frames.html稱 為frame1.html與frame2.html的 parent (請(qǐng)恕 我 直 接 用 英 文)。 同 理， 這 兩 個(gè) 新 的frame就 稱 為frames.html的 child- frames。 您 可 將 這 種 復(fù) 雜的 關(guān) 系 想 像 成 階 層 式 架 構(gòu)(hierarchy)。 以 下 我 借 助 一 個(gè) 小 '圖' 來(lái) 厘 清 這 種 關(guān) 系:<p><pre> frames.html parent / \ / \ / \ fr1(frame1.html) fr2(frame2.html) children</pre><p>當(dāng) 然 您 可 依 此 類 推， 產(chǎn) 生 一 些 'grandchildren' frames。 (當(dāng) 然， 這 并 不 是 正 式 的 名 稱):<p><pre> frames.html parent / \ / \ / \ fr1(frame1.html) fr2(frame2.html) children / \ / \ / \ gchild1 gchild2 'grandchildren' </pre><p>若 您 想 由frame2.html呼 叫parent- frame中 的 任 何 函 數(shù)， 您 只 要 將 <i>parent</i> 放 在 您 欲 呼 叫 函 數(shù) 名 稱 之前 即 可。 同 理， 若 由parent- frame呼 叫 位 於frame1.html中 的 函 數(shù)， 您 只 需 將 <i>fr1</i> 放 在 被 呼 叫 函 數(shù)名 稱 之 前。 為 什 麼 用 <i>fr1</i> 呢?原 因 是 我 們 在frames.html中 開(kāi) 了 兩 個(gè)frame， 而 且 將 它 們 分 別 命 名 為<i>fr1</i>和 <i>fr2</i>。 所 以 我 用 <i>fr1</i> 代 表 第 一 個(gè)frame (frame1.html)。 接 下 來(lái) 的 步 驟 就 相 當(dāng) 容 易 了。 當(dāng) 我 們 欲由frame2.html ( 命 名 為 <i>fr2</i>)呼 叫 第 一 個(gè)frame中 的 函 式 時(shí) 該 怎 麼 做?由 上 面 的"小 圖"您 可 以 發(fā) 現(xiàn)，frame1.html 和frame2.html之 間 并 無(wú) 直 接 關(guān) 連 (connection)， 因 此 您 不 可 以"直 接"由frame2.html呼叫 位 於 frame1.html中 的 函 式。 您 必 須 透 過(guò)parent- frame來(lái) 呼 叫 它， 所 以 正 確 指 標(biāo)(index)應(yīng) 為parent.fr1。 例 如 若 您 想 由frame2.html呼 叫 hi()， 您 必 須 寫(xiě) 成 parent.fr1.hi()。 這 也 就 是 為 什 麼frame2.html中 的 onClick要 寫(xiě) 成 那 種 樣 子 的 原 因 了。<p>對(duì) 了!附 帶 提 一 點(diǎn) 小 東 西。 您 或 許 已 發(fā) 現(xiàn) 本 章 中 都 用<script language="JavaScript">代 替 前 兩 章 用的<script language="LiveScript">。 其 實(shí) 此 二 者 間 并 沒(méi) 什 麼 差 別。 但 起 初JavaScript被 植 入Netscape瀏 覽 器 時(shí)， 您 只 能 用LiveScript語(yǔ) 法。(這 是 一 種 由Netscape發(fā) 展 的 舊 語(yǔ) 法， 和JavaScript極 為 類 似)。 我 想 既 然 我 們 討 論 的 是JavaScript函 式， 就 應(yīng) 使 用JavaScript語(yǔ) 法。 (這 只 是 我 的 一 己 之 見(jiàn)， 在'JavaScript- society'中 有 許 多 關(guān) 於LiveScript的 討 論， 目 前 也 是 眾 說(shuō) 紛 紜....)<p><HR WIDTH="80%" ALIGN="center" SIZE="2"><p>在 此 我 要 花 一 點(diǎn) 時(shí) 間 討 論 一 個(gè) 很 多 人 關(guān) 心 的 問(wèn) 題。 當(dāng) 您 觀 賞 一 個(gè) 擁 有 數(shù) 個(gè)frame的 網(wǎng) 頁(yè) 時(shí)， 若 您想link至internet其 它 網(wǎng) 頁(yè)， 這 些frame并 不 會(huì) 消 失 而 且 會(huì) 帶 來(lái) 視 覺(jué) 上 的 干 擾。 這 些 討 厭 的frame應(yīng)該 如 何 消 除 呢?<p>您 只 要 在 您 的<a href...> tag中 加 入TARGET="_top" 就 可 解 決 這 個(gè) 困 擾。 方 法 如 下:<br><pre><a href="goaway.html" TARGET="_top">如 果 您 不 想 觀 賞 我 的 網(wǎng) 頁(yè) 了</a></pre> <p>當(dāng) 然， 您 必 須 在 您 想 要 獲 得 此 效 果 的link中 都 加 入TARGET="_top" 。 若 想 要 整 個(gè) 網(wǎng) 頁(yè) 中 的link都 有 此 效 果， 您 可 在 此 網(wǎng) 頁(yè) 的head中 加 入<base target="_top">較 方 便。 如 此 一 來(lái) 每 個(gè)link被 按 下後 都 可 將frame消 除。</TD></TR></TABLE></CENTER><p><HR WIDTH="80%" ALIGN="center" SIZE="2"><p><br><h4><a href="index.html" onMouseOver="stat('回 到 主 頁(yè)'); return true">回 主 目 錄</a></h4></center><p><br><i>原 作 最 後 更 新: 18.March'96<br>© 1996 by Stefan Koch<br>譯 作 最 後 更 新:1996年5月16日<br>© 1996 由 <font color=red>段 喜 亭</font> 翻 譯</i><br><br></body></html>?? 快捷鍵說(shuō)明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -