网站快照
我 的 个 人 自 学 自 学 成 果 , 测 试 d e m o 测 试 d e m o J a v a S c r i p t 是 一 种 脚 本 语 言 , 通 常 用 于 在 W e b 页 面 中 添 加 交 互 性 和 动 态 性 。
它 是 一 种 解 释 性 语 言 , 不 需 要 编 译 器 即 可 运 行 。
J a v a S c r i p t 由 三 个 部 分 组 成 : E C M A S c r i p t 、 D O M 和 B O M 。
D O M ( 文 档 对 象 模 型 ) 是 一 种 A P I , 用 于 访 问 和 操 作 H T M L 和 X M L 文 档 中 的 元 素 。
它 将 文 档 表 示 为 一 个 树 形 结 构 , 每 个 元 素 都 是 一 个 节 点 , 可 以 通 过 J a v a S c r i p t 来 访 问 和 修 改 这 些 节 点 的 属 性 和 内 容 。
J a v a S c r i p t 可 以 在 H T M L 页 面 中 嵌 入 , 也 可 以 作 为 外 部 脚 本 文 件 引 入 。
它 可 以 用 于 实 现 各 种 功 能 , 如 表 单 验 证 、 动 态 效 果 、 交 互 式 图 表 、 A J A X 等 。
J a v a S c r i p t 还 可 以 与 其 他 技 术 ( 如 C S S 和 H T M L 5 ) 结 合 使 用 , 以 实 现 更 复 杂 的 W e b 应 用 程 序 。
一 我 们 使 用 了 C S S 样 式 来 定 义 按 钮 的 样 式 , 包 括 背 景 颜 色 、 边 框 、 文 本 颜 色 、 内 边 距 、 字 体 大 小 、 边 距 、 鼠 标 指 针 样 式 和 过 渡 效 果 。
当 鼠 标 悬 停 在 按 钮 上 时 , 使 用 : h o v e r 伪 类 选 择 器 来 改 变 按 钮 的 背 景 颜 色 和 文 本 颜 色 。
在 J a v a S c r i p t 中 , 我 们 使 用 d o c u m e n t . g e t E l e m e n t B y I d ( ) 方 法 来 获 取 按 钮 元 素 , 并 使 用 a d d E v e n t L i s t e n e r ( ) 方 法 来 添 加 点 击 事 件 监 听 器 。
当 用 户 点 击 按 钮 时 , 会 弹 出 一 个 提 示 框 。
二 轮 播 图 这 个 d e m o 实 现 了 一 个 简 单 的 图 片 轮 播 , 使 用 了 一 个 数 组 来 存 储 图 片 的 U R L , 然 后 使 用 s e t I n t e r v a l ( ) 函 数 来 定 时 更 新 图 片 的 s r c 属 性 , 从 而 实 现 轮 播 效 果 。
每 隔 3 秒 钟 , u p d a t e S l i d e r ( ) 函 数 就 会 被 调 用 一 次 , 它 会 将 图 片 的 s r c 属 性 设 置 为 数 组 中 下 一 个 图 片 的 U R L , 如 果 已 经 到 了 数 组 的 末 尾 , 则 回 到 数 组 的 开 头 。
这 样 就 可 以 循 环 播 放 图 片 , 实 现 轮 播 效 果 。
这 种 效 果 一 般 是 在 网 站 的 首 页 有 这 种 轮 播 图 , 效 果 非 常 好 三 这 个 d e m o 使 用 J a v a S c r i p t 来 平 滑 地 滚 动 到 页 面 顶 部 。
当 用 户 点 击 回 到 顶 部 按 钮 时 , 它 使 用 w i n d o w . r e q u e s t A n i m a t i o n F r a m e ( ) 函 数 来 在 每 一 帧 更 新 滚 动 位 置 , 从 而 实 现 平 滑 滚 动 的 效 果 。
具 体 来 说 , 它 会 计 算 当 前 滚 动 位 置 , 然 后 将 其 减 去 当 前 滚 动 位 置 的 十 分 之 一 , 直 到 滚 动 到 页 面 顶 部 。
鄂 I C P 备 2 0 2 0 0 1 9 8 0 7 号 1