📄 javascr5.htm
字号:
<html>
<head>
<title>JavaScript 第 五 集</title>
<script language="JavaScript">
<!-- Hide
function initArray() {
this.length = initArray.arguments.length
for (var i = 0; i < this.length; i++)
this[i+1] = initArray.arguments[i]
}
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>
<a name="arrays"></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>
<font size=+1>
阵 列(arrays)的 运 用 是 程 式 设 计 中 一 项 种 要 的 技 术。 每 一 种 程 式 语 言 均 以 某 种 特 定 方 式 来 表 示 阵
列。 或 许 您 已 了 解 阵 列 在 程 式 设 计 中 的 好 处， 但 翻 遍Netscape所 提 供 的 文 件， 并 没 有 提 及 如 何 使
用 阵 列。 这 是 因 为JavaScript并 不 支 援 阵 列。 但 是 现 在 我 将 教 您 如 何 在JavaScript中 使 用 阵 列。<br><br>
首 先， 阵 列 是 干 用 的?您 可 以 把 它 看 成 一 长 串 的 变 数(variables)。 假 设 您 现 在 需 要 宣 告10个 变 数
， 您 可 以 一 个 个 将10个 变 数 宣 告 为 a, b, c ...， 但 当 您 需 要100个 或 更 多 的 变 数 时， 这 种 方 法 将 会
变 得 很 麻 烦。 若 您 使 用 一 个 拥 有10个 元 素(elements)的 阵 列(暂 且 命 名 为 'MyArray')来 表 示 这10个
变 数， 则 可 以 用 MyArray[1]， MyArray[2]， MyArray[3]...分 别 代 表 第 一,二,三....个 变 数(很 多 程
式 语 言 是 从0开 始 当 作 第 一 个 元 素， 但 在JavaScript语 法 中 是 从1开 始)。 因 此 若 您 想 将 第 一 个 元 素
(或 称 变 数)的 值 指 定 为17， 您 只 要 写 成 <i>MyArray[1]=17</i>即 可。 由 此 可 看 出 阵 列 的 功 用 和 一 般 变
数 是 相 同 的。 不 光 如 此， 若 您 想 将 所 有 元 素 的 值 均 指 定 为17， 您 只 要 写 一 个 简 单 的 圈(loop)即
可:<br>
<i>for (var i=1;i<11;i++) MyArray[i]=17</i><br>
for- 这 个 指 令 是 告 诉 电 脑 其 後 的 指 令 总 共 要 执 行 几 次。for- 圈 是 从1开 使， 也 就 是 电 脑 会 先 执
行MyArray[1]=17。 然 後 i 会 增 加1并 接 着 执 行MyArray[2]=17。 i 每 次 递 增1直 到 i=10为 止。<br><br>
接 下 来 教 您 如 何 做 阵 列 的 初 始 化(initialization)。 这 个 问 题 曾 在 JavaScript Mailing list中 讨 论 过。
(如 果 您 想 订 阅 mailing list， 您 只 要 在e-mail中 填 入 <i>subscribe javascript-digest</i> 并 寄 到 <i>majordomo
@obscure.org</i> 即 可。 接 着 您 每 天 就 会 收 到 一 到 二 个 约20-30kB的 大 档 案， 这 些 档 案 包 括 所 有 来 自
JavaScript- list的 信 件)。
<p>
<pre>
function initArray() {
this.length = initArray.arguments.length
for (var i = 0; i < this.length; i++)
this[i+1] = initArray.arguments[i]
}
<p>
</pre>
您 不 需 要 了 解 这 个 函 式(function)的 意 义， 您 只 要 知 道 怎 麽 用 就 好。 如 果 您 要 宣 告 一 个 拥 有 三 个 元
素 的 阵 列， 且 其 值 分 别 指 定 为 17,18,19， 您 只 要 写 成 : <i>var MyArray= new initArray(17,18,19)</i>。 您
也 可 以 用 字 串(strings)当 作 元 素 的 值 : <i>var heyho= new initArray("This","is","酷")</i>。 因 此 您 不 必 管 元
素 值 的 型 式(type)， 即 使 混 着 用 也 行 : <i>var Mixedup= new initArray(17,"yo",103)</i>。
<p>
下 面 我 将 对 一 个 阵 列 'Mixedup' 作 初 始 化， 并 显 示 阵 列 的 内 容 :
<p>
<script language="JavaScript">
<!-- Hide
var Mixedup= new initArray(17,"yo",103);
document.write("Element No. 1: "+Mixedup[1]+"<br>");
document.write("Element No. 2: "+Mixedup[2]+"<br>");
document.write("Element No. 3: "+Mixedup[3]+"<br>");
// -->
</script>
<p>
其 原 始 码 如 下:
<p>
<pre>
<script language="JavaScript">
<!-- Hide
var Mixedup= new initArray(17,"yo",103);
document.write("Element No. 1: "+Mixedup[1]+"<br>");
document.write("Element No. 2: "+Mixedup[2]+"<br>");
document.write("Element No. 3: "+Mixedup[3]+"<br>");
// -->
</script>
</pre>
<p>
<HR WIDTH="80%" ALIGN="center" SIZE="2">
<p>
<a name="clear"></a>
当 我 昨 天 写 一 个 小 游 戏 时， 我 遇 到 一 个 您 也 可 能 会 碰 到 的 问 题。 当 您 想 清 除 视 窗 或frame中 的 内
容 时，Netscape文 件 中 提 到 了 一 个 函 式 可 用-- 'document.clear()'。 但 当 您 将 此 函 式 写 入 网 页 中，
它 并 不 会 如 预 期 的 清 除 视 窗 或frame中 的 内 容。 而 且 document.clear()在 各 种 平 台(platform)上 似
都 无 效。Gordon McComb告 诉 我 一 个 清 除 视 窗 或frame中 内 容 的 好 方 法， 您 可 以 试 试 :
<p>
<pre>
document.close();
document.open();
document.write("<P>");
</pre>
<p>
您 不 一 定 要 写 最 後 一 行 <i>document.write("<P>");</i>， 只 有 当 您 想 在 视 窗 中 写 入 某 些 东 西 时 才 需 要 加
入 此 行。 上 述 方 法 对frame亦 有 效。
<p>
<HR WIDTH="80%" ALIGN="center" SIZE="2">
<p>
<a name="back"></a>
接 下 来 我 们 谈 一 个 可 以 让 您 在 不 同 文 件 之 间 穿 梭 的 语 法-- back() 和 forward() 两 个 函 式。 通 常
我 们 在 网 页 中 加 的 back- link和 Netscape- Navigator中 的 "Back键" 功 能 上 并 不 相 同。Netscape-
Navigator中 的 "Back键" 是 回 到 您history list中 的 上 一 页。 您 现 在 也 可 利 用JavaScript做 到 相 同 的
功 能。 只 要<a href="backtest.html">按 下 此 link </a>， 您 可 以 再 度 回 到 此 页。JavaScript语 法 的 原 始 码
如 下 :
<p>
<pre>
<html>
<body>
<FORM NAME="buttonbar">
<INPUT TYPE="button" VALUE="Back" onClick="history.back()">
<INPUT TYPE="button" VALUE="JS- Home" onClick="location='script.html'">
<INPUT TYPE="button" VALUE="Next" onCLick="history.forward()">
</FORM>
</body>
</html>
</pre>
您 也 可 以 用 <i>history.go(-1)</i> 和 <i>history.go(1)</i> 代 替.
<p>
<HR WIDTH="80%" ALIGN="center" SIZE="2">
<h4>
<a href="index.htm" onMouseOver="stat('回 到 主 页'); return true">回 主 目 录</a>
</h4>
</center>
<p>
<br><i>
原 作 最 後 更 新: 3.March'96<br>
© 1996 by Stefan Koch<br>
译 作 最 後 更 新:1996年3月20日<br>
© 1996 由 <font color=red>段 喜 亭</font> 翻 译</i>
<br><br>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -