?? javascript 第 六 集.htm
字號:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0058)http://homepage.qdcatv.com.cn/lkw/javascript/javascr6.html -->
<HTML><HEAD><TITLE>JavaScript 第 六 集</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>
<!-- Hide
function 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>
<META content="MSHTML 6.00.2719.2200" name=GENERATOR></HEAD>
<BODY background="JavaScript 第 六 集.files/ee.jpg"><FONT color=#ff0000 size=6><A
name=twoinone></A>
<CENTER><A name=status></A><FONT color=#ff0000 size=4><BR>第 六
集</CENTER></A></FONT>
<P>
<HR align=center width="50%">
<P><BR><BR>
<CENTER>
<TABLE>
<TBODY>
<TR>
<TD><FONT size=+1>許 多 網 友 問 我 一 個 有 趣 的 問 題 : 如 何 用 mouse 按 一 下 便 可 同 時 載
入 兩 頁 文 件。 基 本 上 有 三 種 方法 可 以 達 到 這 種 功 能。 第 一 種 方 法 是 制 作 一 個 按 鈕， 讓 使 用
者 按 下 後 去 啟 動 一 個 能 同 時 將 兩 份文 件 載 入 不 同frames或 新 視 窗 的 函 式 (function)。 若
您 曾 經 看 過 此 份 簡 介 文 件 的 其 它 章 節 的 話，我 相 信 您 可 以 很 輕 易 寫 出 這 種 語 法:
<P>
<FORM><INPUT onclick="WinOpen('frames2.html')" type=button value="試 試 這 個 按 鈕 !" name=Button>
</FORM>
<P>我 們 制 作 了 三 個 frame ， 第 一 個 frame 中 包 含 了 一 個 按 鈕。 請 注 意， 第 一 個 HTML 檔
案 只 是 用來 打 開 frame 和 給 予 每 個 frame 一 個 名 字。 若 您 還 不 清 楚 JavaScript 和 frame
的 關 系， 可 以 先 閱讀 第 三 章。 不 過 在 此 還 是 照 例 讓 您 瞧 瞧 原 始 碼 (不 知 您 是 否 在 很 多 電 腦
書 籍 中 遇 到 一 個 相 同 的困 擾， 那 就 是 作 者 常 把 一 些 自 認 很 簡 單 的 東 西 忽 略 不 提， 結 果 那 些
東 西 正 是 讀 者 搞 不 懂 的 地 方 ! 所 以， 若 您 對 我 提 的 東 西 已 很 了 解， 請 發 揮 一 下 您 的 耐 性
:-)
<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> 并 產 生 一 個 按 鈕 :
<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>所 載 入 文 件 的 位 址 和 檔 案 名。 若 您 想
定 義 另 外 的 按 鈕 來 載 入 不同 的 文 件， 您 可 以 重 復 使 用 此 函 式。 只 要 將 文 件 的 URLs
(addresses) 傳 給 loadtwo()即 可。
<P><BR>接 下 來 談 談 用 hyperlinks 同 時 載 入 兩 頁 文 件 的 第 二 種 方 法。 在 Internet 上 您
可 以 發 現 許 多 網 頁 使用 <I><a href="yourlink.html"
onCLick="yourfunction()"></I>來 達 到 上 述 提 及 的 功 能。 但 此 語 法 并 不 能在 所 有 平
臺 上 均 正 常 執 行， 因 此 最 好 不 要 用 此 語 法。 現 在 我 告 訴 您 另 一 種 寫 法 : 我 們 可 改 用 下述
JavaScript 語 法: <PRE><a href="javascript:myfunction()">My Link</a>
</PRE>此 種 方 式 非 常 簡 單 而 且 在 所 有 瀏 覽 器 中 均 能 正 常 執 行。 您 只 要 寫 上
<I>javascript:</I> 并 加 上 您 想 聯 結的 函 式 名 即 可。 若 此 函 式 名 稱 設 為 'loadtwo()' ，
那 您 就 可 藉 由 按 下 此 hyperlink 來 達 到 同 時 載 入兩 份 文 件 的 目 的 了。
<P><BR>再 接 著 談 談 用 mouse 按 一 下 便 可 同 時 載 入 兩 頁 文 件 的 第 三 種 方 法， 此 方 法 可 以
以 hyperlinks 或按 鈕 來 執 行。 您 可 先 在 第 二 個frame 中 載 入 一 個 HTML 文 件 : <BR><a
href="getfr2.html" target="fr2">請 按 這 里 !</a><BR>然 後 在 此 文 件 中
(getfr2.html) 加 入 onLoad 這 項 指 令， 用 來 觸 發 第 三 個 frame 載 入 另 一 份 文 件。如 此 一
來 便 可 同 時 載 入 兩 份 文 件。getfr2.html 檔 的 原 始 碼 如 下 :
<P><PRE><HTML>
<BODY onLoad="parent.fr3.location.href='getfr3.html'; return true;">
文 件 內 容.....。
</body>
</html>
</PRE>
<P>當 然， 您 必 須 在 所 有 會 被 載 入 到 第 二 個 frame 的 文 件 中 加 入 onLoad 這 項 指 令。
<P>
<HR align=center width="80%" SIZE=2>
<P><A name=newwin></A>另 一 個 常 遇 見 的 問 題 是 如 何 開 一 個 新 視 窗 并 載 入 文 件?我 們 想
達 到 的 效 果 是 當 使 用 者 按 一 下 mouse 便 會 '彈' 出 一 個 新 視 窗。 很 簡 單， 只 要 在 <a
href...> 中 利 用 target 這 項 特 性 就 可 達 到 此 效果。例 如 : <BR><a
href="goanywhere.html" target="Resource Window">Go!</a>
<P>
<HR align=center width="80%" SIZE=2>
<P><A name=operators></A>現 在 我 將 談 談 在 JavaScript 中 幾 種 常 用 的 運 算 子
(operator)。 運 算 子 可 以 使 您 的 JavaScript 語 法 更精 簡。 假 設 您 想 測 試 變 數 <I>x</I>
是 否 大 於 3 且 小 於 10， 您 可 寫 成 :
<P><PRE>if (x>3)
if (x<10)
doanything();
</PRE>
<P>當 滿 足 x>3 <I>且</I> x<10 時， 就 會 執 行 doanything()。 還 有 一 種 更 精 簡 的
寫 法 :
<P><PRE>if (x>3 && x<10) doanything();
</PRE>' &&' 稱 為 AND- 運 算 子。 還 有 另 一 種 被 稱 為 OR- 運 算 子 的 東 東 可 讓 您
用 來 檢 視 是 否 變 數 <I>x</I> 等於 5 或 變 數 <I>y</I> 等 於 17 :
<P><PRE>if (x==5 || y==17) doanything();
</PRE>當 滿 足 x==3 <I>或</I> y==17 時， 就 會 執 行 doanything()。 當 然， 當 兩 者 皆 成 立
時 也 會 執 行 doanything()。<BR>在 JavaScript 中 是 利 用 == 來 做 比 較 的 工 作 (其 它 尚 有
<，>，<= 和 >=)， 這 些 都 和 C/C++ 的 語法 相 同。 另 外 單 一 '=' 是 用 來 將 數 值
存 入 變 數 用 的。 (在 Pascal 語 法 中 將 數 值 指 定 給 變 數 是 用 :=， 而 做 比 較 是 用 單 一 的
'='， 這 和 JavaScript 語 法 有 點 不 同)
<P>若 您 想 利 用 '不 等 於' 這 項 特 性， 您 可 以 用 !=。 例 如 : <I>x != 17</I>.
<P>尚 有 許 多 可 以 精 簡 您 的 JavaScript 語 法 的 運 算 子， 去 翻 翻 Netscape 的 文 件 吧 !
<P><BR></FONT></P></TD></TR></TBODY></TABLE></CENTER>
<P>
<HR align=center width="80%" SIZE=2>
<P>
<H4>
<CENTER>
<H4><A onmouseover="stat('回 到 主 頁'); return true"
href="http://homepage.qdcatv.com.cn/lkw/javascript/script.htm"
tppabs="http://202.96.217.5/~xiaoyi/script.htm">回 主 目 錄</A> </H4></CENTER>
<P></P></H4></FONT></BODY></HTML>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -