1、实 习 四 JavaScript 基 本 语 法一 、 实 习 目 的1 掌 握 JavaScript 的 基 本 语 法 ;2 掌 握 JavaScript 的 常 用 内 置 对 象 的 作 用 、 属 性 、 方 法 的 运 用 ;3 掌 握 JavaScript 的 程 序 流 程 控 制 语 句 的 运 用 ;4. 掌 握 Firebug的 基 本 用 法 。二 、 实 验 内 容1. 要 求 用 户 在 文 本 框 中 年 份 , 点 击 判 断 按 钮 , 用 alert函 数 输 出 该 年 是 否 是 闰 年 的 结 果 。2 利 用 复 选 框 让 用 户 选 择 其 爱
2、好 , 用 alert 对 话 框 输 出 用 户 所 选 的 内 容 。3 要 求 在 文 本 框 中 输 入 用 户 名 , 点 击 “ 注 册 ” 按 钮 进 行 提 交 。 当 文 本 框 为 空 时 , 则 弹 出提 示 信 息 , 并 取 消 提 交 操 作 。4 在 网 页 上 输 出 “ 九 九 乘 法 表 ” 。5 设 计 一 个 网 页 , 允 许 输 入 表 格 的 行 数 与 列 数 , 然 后 “ 生 成 ” 按 钮 后 , 在 网 页 输 出 表 格 。三 、 实 验 步 骤1.利 用 对 象 document对 象 获 得 元 素 , 并 且 取 其 中 的 值
3、, 进 而 判 断 是 否 为 闰 年 , 利 用 alert输 出 结 果 。2.利 用 对 象 document对 象 获 得 元 素 数 组 , 遍 历 元 素 数 组 , 利 用 Checked属 性 , 将 相 应 的 值取 出 , 利 用 alert 输 出 。3.利 用 对 象 document对 象 获 得 元 素 , 判 断 其 值 是 否 为 空 , 进 而 进 一 步 操 作 。4.利 用 for循 环 , 利 用 document 对 象 创 建 表 格 元 素 。5.利 用 document对 象 的 函 数 , 如 document.createElement(ta
4、gName),appendChild(appendNode)。实 习 五 Javascrip 高 级 应 用一 、 实 习 目 的1 理 解 Javascrip中 对 象 的 基 本 概 念 ;2 掌 握 常 用 的 Javascrip 内 置 对 象 及 其 属 性 、 方 法 等 。3. 掌 握 Javascrip中 事 件 处 理 的 方 法 。二 、 实 验 内 容1 编 写 程 序 , 判 断 并 输 出 今 天 是 开 学 的 第 几 周 , 星 期 几 。2 编 写 程 序 , 利 用 正 则 表 达 式 输 出 待 处 理 英 文 单 词 或 词 组 的 首 字 母 。 如 “
5、blue idea“输 出“bi“, “Asynchronous JavaScript And XML“输 出 “AJAX“(不 包 括 引 号 )。说 明 : 所 谓 “ 首 字 母 ” 包 括 两 种 情 况 : 第 一 种 是 边 界 (开 头 )的 单 词 字 符 , 一 种 是 空 格 之后 的 单 词 的 第 一 个 字 母 。3.设 计 一 个 网 页 , 输 入 一 串 用 英 文 逗 号 分 隔 的 数 字 字 符 串 。 编 写 程 序 , 输 出 找 出 该 组 数 中的 最 大 、 最 小 值 、 和 及 按 从 大 到 小 排 序 后 的 结 果 ( 以 逗 号 分
6、隔 ) 。三 、 实 验 步 骤1. 利 用 date获 得 日 期 , 并 通 过 该 对 象 的 相 关 方 法 获 取 数 据 。2. 利 用 正 则 表 达 式 , b, 进 行 匹 配 。3. 将 数 字 字 符 串 转 化 为 数 字 , 利 用 排 序 算 法 输 出 相 关 的 值 。实 习 六 文 档 对 象 模 型 和 浏 览 器 对 象 模 型一 、 实 习 目 的1 掌 握 Internet Explorer 的 DOM 对 象 体 系 。2 掌 握 这 些 对 象 的 在 DOM 体 系 中 的 地 位 、 作 用 、 常 用 的 属 性 、 方 法 、 事 件 等
7、。3. 掌 握 BOM模 型 中 的 常 见 对 象 及 其 属 性 、 方 法 。4. 掌 握 JQuery 框 架 的 基 本 应 用 。二 、 实 习 内 容1 弹 出 的 窗 口 程 序 设 计 ;2 循 环 显 示 图 片 ;3 在 状 态 栏 上 显 示 当 前 时 间 ;三 、 实 验 步 骤1 在 打 开 网 页 后 弹 出 一 个 宽 200,高 300 的 窗 口 ,且 在 该 网 页 关 闭 后 , 弹 出 的 窗 口 也 关 闭 。2 直 接 利 用 Javascript 操 作 DOM 模 型 , 将 当 前 目 录 下 的 10 张 图 片 循 环 显 示 在 网
8、页 上 。4. 利 用 JQuery 编 写 程 序 , 将 当 前 目 录 下 的 10 张 图 片 循 环 显 示 在 网 页 上 。3. 在 状 态 栏 上 显 示 , 访 问 者 在 本 页 停 留 的 时 间 ( 如 : 您 在 本 页 停 留 了 X 小 时 X 分 X 秒 ) 。实 验 总 结通 过 本 次 的 实 习 , 我 对 学 习 到 的 javascript进 行 了 巩 固 。 它 就 是 在 网 页 中 添 加 动 作 ,进 行 各 种 操 作 。 它 的 语 言 和 java 语 言 有 些 类 似 , 也 是 通 过 单 独 的 代 码 进 行 设 计 。 实 验 中 ,难 点 就 是 正 则 表 达 式 的 构 造 , 确 实 很 难 , 分 析 了 很 多 个 正 则 表 达 式 , 还 是 不 能 很 好 的 自 己 进行 构 造 。在 期 末 的 复 习 中 中 , 自 己 一 定 要 加 强 对 javascript 的 进 一 步 学 习 。