?? javascr6.html
字號:
<html><head><title>JavaScript 第 六 集</title><script language="JavaScript"><!-- Hidefunction WinOpen(url) { msg=open(url,"DisplayWindow","toolbar=yes,directories=no,menubar=no,status=yes");} function stat(txt) { window.status = txt; setTimeout("erase()",3000); } function erase() { window.status=""; }// --></script></head><BODY bgcolor="ffffff" link=#ff0000 vlink=#4444dd alink=#9999dd><font size=+4 color=#FF0000><a name="twoinone"></a><center><a name="status"></a><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) 友 問 我 一 個 有 趣 的 問 題 : 如 何 用 mouse 按 一 下 便 可 同 時 載 入 兩 頁 文 件。 基 本 上 有 三 種 方法 可 以 達(dá) 到 這 種 功 能。 第 一 種 方 法 是 制 作 一 個 按 鈕， 讓 使 用 者 按 下 後 去 啟 動 一 個 能 同 時 將 兩 份文 件 載 入 不 同frames或 新 視 窗 的 函 式 (function)。 若 您 曾 經(jīng) 看 過 此 份 簡 介 文 件 的 其 它 章 節(jié) 的 話，我 相 信 您 可 以 很 輕 易 寫 出 這 種 語 法:<p><form><input type="button" name="Button" value="試 試 這 個 按 鈕 !" onclick="WinOpen('frames2.html')"></form><p>我 們 制 作 了 三 個 frame ， 第 一 個 frame 中 包 含 了 一 個 按 鈕。 請 注 意， 第 一 個 HTML 檔 案 只 是 用來 打 開 frame 和 給 予 每 個 frame 一 個 名 字。 若 您 還 不 清 楚 JavaScript 和 frame 的 關(guān) 系， 可 以 先 閱讀 第 三 章。 不 過 在 此 還 是 照 例 讓 您 瞧 瞧 原 始 碼 (不 知 您 是 否 在 很 多 電 腦 書 籍 中 遇 到 一 個 相 同 的困 擾， 那 就 是 作 者 常 把 一 些 自 認(rèn) 很 簡 單 的 東 西 忽 略 不 提， 結(jié) 果 那 些 東 西 正 是 讀 者 搞 不 懂 的 地 方 ! 所 以， 若 您 對 我 提 的 東 西 已 很 了 解， 請 發(fā) 揮 一 下 您 的 耐 性 :-)<p><h3>frames2.html</h3><p><pre><HTML><HEAD><title>Frames</title></HEAD> <FRAMESET COLS="295,*"> <FRAMESET ROWS="100%,*"> <FRAME SRC="loadtwo.html" NAME="fr1"> </FRAMESET> <FRAMESET ROWS="75%,25%"> <FRAME SRC="cell.html" NAME="fr2"> <FRAME SRC="cell.html" NAME="fr3"> </FRAMESET> </FRAMESET> </HTML></pre>第 一 個 frame 會 載 入 <i>loadtwo.html</i> 并 產(chǎn) 生 一 個 按 鈕 :<p><h3>loadtwo.html</h3><pre><HTML><HEAD><script language="JavaScript"><!-- Hiding function loadtwo(page2, page3) { parent.fr2.location.href=page2; parent.fr3.location.href=page3;}// --></script></HEAD><BODY><FORM NAME="buttons"> <INPUT TYPE="button" VALUE="同 時 載 入 兩 份 文 件" onClick="loadtwo('frtest1.html', 'frtest2.html')"></FORM></BODY></HTML></pre><p>按 下 按 鈕 後， 電 腦 會 傳 遞 兩 個 字 串 給 loadtwo() 并 將 之 啟 動。 由 loadtwo() 中 可 以 看 出， 第 一 個字 串 是 用 來 定 義 第 二 個 frame <i>fr2</i>所 載 入 文 件 的 位 址 和 檔 案 名。 若 您 想 定 義 另 外 的 按 鈕 來 載 入 不同 的 文 件， 您 可 以 重 復(fù) 使 用 此 函 式。 只 要 將 文 件 的 URLs (addresses) 傳 給 loadtwo()即 可。<p><br>接 下 來 談 談 用 hyperlinks 同 時 載 入 兩 頁 文 件 的 第 二 種 方 法。 在 Internet 上 您 可 以 發(fā) 現(xiàn) 許 多 網(wǎng) 頁 使用 <i><a href="yourlink.html" onCLick="yourfunction()"></i>來 達(dá) 到 上 述 提 及 的 功 能。 但 此 語 法 并 不 能在 所 有 平 臺 上 均 正 常 執(zhí) 行， 因 此 最 好 不 要 用 此 語 法。 現(xiàn) 在 我 告 訴 您 另 一 種 寫 法 : 我 們 可 改 用 下述 JavaScript 語 法:<pre><a href="javascript:myfunction()">My Link</a></pre>此 種 方 式 非 常 簡 單 而 且 在 所 有 瀏 覽 器 中 均 能 正 常 執(zhí) 行。 您 只 要 寫 上 <i>javascript:</i> 并 加 上 您 想 聯(lián) 結(jié)的 函 式 名 即 可。 若 此 函 式 名 稱 設(shè) 為 'loadtwo()' ， 那 您 就 可 藉 由 按 下 此 hyperlink 來 達(dá) 到 同 時 載 入兩 份 文 件 的 目 的 了。<p><br>再 接 著 談 談 用 mouse 按 一 下 便 可 同 時 載 入 兩 頁 文 件 的 第 三 種 方 法， 此 方 法 可 以 以 hyperlinks 或按 鈕 來 執(zhí) 行。 您 可 先 在 第 二 個frame 中 載 入 一 個 HTML 文 件 : <br><a href="getfr2.html" target="fr2">請 按 這 里 !</a><br>然 後 在 此 文 件 中 (getfr2.html) 加 入 onLoad 這 項 指 令， 用 來 觸 發(fā) 第 三 個 frame 載 入 另 一 份 文 件。如 此 一 來 便 可 同 時 載 入 兩 份 文 件。getfr2.html 檔 的 原 始 碼 如 下 :<p><pre><HTML><BODY onLoad="parent.fr3.location.href='getfr3.html'; return true;">文 件 內(nèi) 容.....。</body></html></pre> <p>當(dāng) 然， 您 必 須 在 所 有 會 被 載 入 到 第 二 個 frame 的 文 件 中 加 入 onLoad 這 項 指 令。<p><HR WIDTH="80%" ALIGN="center" SIZE="2"><p><a name="newwin"></a>另 一 個 常 遇 見 的 問 題 是 如 何 開 一 個 新 視 窗 并 載 入 文 件?我 們 想 達(dá) 到 的 效 果 是 當(dāng) 使 用 者 按 一 下mouse 便 會 '彈' 出 一 個 新 視 窗。 很 簡 單， 只 要 在 <a href...> 中 利 用 target 這 項 特 性 就 可 達(dá) 到 此 效果。例 如 : <br><a href="goanywhere.html" target="Resource Window">Go!</a><p><HR WIDTH="80%" ALIGN="center" SIZE="2"><p><a name="operators"></a>現(xiàn) 在 我 將 談 談 在 JavaScript 中 幾 種 常 用 的 運(yùn) 算 子 (operator)。 運(yùn) 算 子 可 以 使 您 的 JavaScript 語 法 更精 簡。 假 設(shè) 您 想 測 試 變 數(shù) <i>x</i> 是 否 大 於 3 且 小 於 10， 您 可 寫 成 :<p><pre>if (x>3) if (x<10) doanything();</pre><p>當(dāng) 滿 足 x>3 <i>且</i> x<10 時， 就 會 執(zhí) 行 doanything()。 還 有 一 種 更 精 簡 的 寫 法 :<p><pre>if (x>3 && x<10) doanything();</pre>' &&' 稱 為 AND- 運(yùn) 算 子。 還 有 另 一 種 被 稱 為 OR- 運(yùn) 算 子 的 東 東 可 讓 您 用 來 檢 視 是 否 變 數(shù) <i>x</i> 等於 5 或 變 數(shù) <i>y</i> 等 於 17 :<p><pre>if (x==5 || y==17) doanything();</pre>當(dāng) 滿 足 x==3 <i>或</i> y==17 時， 就 會 執(zhí) 行 doanything()。 當(dāng) 然， 當(dāng) 兩 者 皆 成 立 時 也 會 執(zhí) 行 doanything()。<br>在 JavaScript 中 是 利 用 == 來 做 比 較 的 工 作 (其 它 尚 有 <，>，<= 和 >=)， 這 些 都 和 C/C++ 的 語法 相 同。 另 外 單 一 '=' 是 用 來 將 數(shù) 值 存 入 變 數(shù) 用 的。 (在 Pascal 語 法 中 將 數(shù) 值 指 定 給 變 數(shù) 是 用 :=， 而 做 比 較 是 用 單 一 的 '='， 這 和 JavaScript 語 法 有 點 不 同)<p>若 您 想 利 用 '不 等 於' 這 項 特 性， 您 可 以 用 !=。 例 如 :<i>x != 17</i>.<p>尚 有 許 多 可 以 精 簡 您 的 JavaScript 語 法 的 運(yùn) 算 子， 去 翻 翻 Netscape 的 文 件 吧 !<p><br></font></TD></TR></TABLE></CENTER><p><HR WIDTH="80%" ALIGN="center" SIZE="2"><p><h4><center><h4><a href="index.html" onMouseOver="stat('回 到 主 頁'); return true">回 主 目 錄</a> </h4></center><p><br><i>原 作 最 後 更 新: 9.April'96<br>© 1996 by Stefan Koch<br>譯 作 最 後 更 新:1996年8月4日<br>© 1996 由 <font color=red>段 喜 亭</font> 翻 譯</i><br><br></body></html>?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -