咖啡虫之家

我的日历
友情链接
访问计数
最新评论
获取RSS
我的 Blog:
kafeichong 最新的 20 条日志
[javascript]
[asp]
[常识]
[SQL]
[文学]
[Dreamweaver]
[网页设计]
[flash]
[片言碎语]
[php]
[web standard]
全站 Blog:
全站最新的 20 条日志

第 五 集

Author:咖啡虫 PublishTime:2005-3-19
阵 列(arrays)的 运 用 是 程 式 设 计 中 一 项 种 要 的 技 术。 每 一 种 程 式 语 言 均 以 某 种 特 定 方 式 来 表 示 阵列。 或 许 您 已 了 解 阵 列 在 程 式 设 计 中 的 好 处, 但 翻 遍Netscape所 提 供 的 文 件, 并 没 有 提 及 如 何 使用 阵 列。 这 是 因 为javascript并 不 支 援 阵 列。 但 是 现 在 我 将 教 您 如 何 在javascript中 使 用 阵 列。

首 先, 阵 列 是 干   用 的?您 可 以 把 它 看 成 一 长 串 的 变 数(variables)。 假 设 您 现 在 需 要 宣 告10个 变 数, 您 可 以 一 个 个 将10个 变 数 宣 告 为 a, b, c ..., 但 当 您 需 要100个 或 更 多 的 变 数 时, 这 种 方 法 将 会变 得 很 麻 烦。 若 您 使 用 一 个 拥 有10个 元 素(elements)的 阵 列(暂 且 命 名 为 'MyArray')来 表 示 这10个变 数, 则 可 以 用 MyArray[1], MyArray[2], MyArray[3]...分 别 代 表 第 一,二,三....个 变 数(很 多 程式 语 言 是 从0开 始 当 作 第 一 个 元 素, 但 在javascript语 法 中 是 从1开 始)。 因 此 若 您 想 将 第 一 个 元 素 (或 称 变 数)的 值 指 定 为17, 您 只 要 写 成 MyArray[1]=17即 可。 由 此 可 看 出 阵 列 的 功 用 和 一 般 变数 是 相 同 的。 不 光 如 此, 若 您 想 将 所 有 元 素 的 值 均 指 定 为17, 您 只 要 写 一 个 简 单 的   圈(loop)即可:
for (var i=1;i<11;i++) MyArray[i]=17
for- 这 个 指 令 是 告 诉 电 脑 其 後 的 指 令 总 共 要 执 行 几 次。for-   圈 是 从1开 使, 也 就 是 电 脑 会 先 执行MyArray[1]=17。 然 後 i 会 增 加1并 接 着 执 行MyArray[2]=17。 i 每 次 递 增1直 到 i=10为 止。

接 下 来 教 您 如 何 做 阵 列 的 初 始 化(initialization)。 这 个 问 题 曾 在 javascript Mailing list中 讨 论 过。 (如 果 您 想 订 阅 mailing list, 您 只 要 在e-mail中 填 入 subscribe javascript-digest 并 寄 到 majordomo @obscure.org 即 可。 接 着 您 每 天 就 会 收 到 一 到 二 个 约20-30kB的 大 档 案, 这 些 档 案 包 括 所 有 来 自 javascript- list的 信 件)。


function initArray() {
this.length = initArray.arguments.length
for (var i = 0; i < this.length; i++)
this[i+1] = initArray.arguments[i]
}


您 不 需 要 了 解 这 个 函 式(function)的 意 义, 您 只 要 知 道 怎 麽 用 就 好。 如 果 您 要 宣 告 一 个 拥 有 三 个 元素 的 阵 列, 且 其 值 分 别 指 定 为 17,18,19, 您 只 要 写 成 : var MyArray= new initArray(17,18,19)。 您也 可 以 用 字 串(strings)当 作 元 素 的 值 : var heyho= new initArray("This","is","酷")。 因 此 您 不 必 管 元素 值 的 型 式(type), 即 使 混 着 用 也 行 : var Mixedup= new initArray(17,"yo",103)。
下 面 我 将 对 一 个 阵 列 'Mixedup' 作 初 始 化, 并 显 示 阵 列 的 内 容 :

Element No. 1: 17
Element No. 2: yo
Element No. 3: 103


其 原 始 码 如 下:


<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>



--------------------------------------------------------------------------------

当 我 昨 天 写 一 个 小 游 戏 时, 我 遇 到 一 个 您 也 可 能 会 碰 到 的 问 题。 当 您 想 清 除 视 窗 或frame中 的 内容 时,Netscape文 件 中 提 到 了 一 个 函 式 可 用-- 'document.clear()'。 但 当 您 将 此 函 式 写 入 网 页 中,它 并 不 会 如 预 期 的 清 除 视 窗 或frame中 的 内 容。 而 且 document.clear()在 各 种 平 台(platform)上 似  都 无 效。Gordon McComb告 诉 我 一 个 清 除 视 窗 或frame中 内 容 的 好 方 法, 您 可 以 试 试 :


document.close();
document.open();
document.write("<P>");

您 不 一 定 要 写 最 後 一 行 document.write("<P>");, 只 有 当 您 想 在 视 窗 中 写 入 某 些 东 西 时 才 需 要 加入 此 行。 上 述 方 法 对frame亦 有 效。



--------------------------------------------------------------------------------

接 下 来 我 们 谈 一 个 可 以 让 您 在 不 同 文 件 之 间 穿 梭 的 语 法-- back() 和 forward() 两 个 函 式。 通 常我 们 在 网 页 中 加 的 back- link和 Netscape- Navigator中 的 "Back键" 功 能 上 并 不 相 同。Netscape- Navigator中 的 "Back键" 是 回 到 您history list中 的 上 一 页。 您 现 在 也 可 利 用javascript做 到 相 同 的功 能。 只 要按 下 此 link , 您 可 以 再 度 回 到 此 页。javascript语 法 的 原 始 码如 下 :


<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>

您 也 可 以 用 history.go(-1) 和 history.go(1) 代 替.


--------------------------------------------------------------------------------

分类于:javascript

 

Powered by 5DBlog.com