动 态 网 页 设 计 ISBN 书 号 :97-7-302-16213-1 作 者 : 聂 庆 鹏 毛 书 朋 王 志 乐 出 版 : 清 华 大 学 出 版 社 本 书 的 技 术 支 持 意 见 反 馈 及 勘 误 信 息 请 访 问 http://www.17php.com 作 者 电 子 信 箱 :rznqp@163.com rzmsp@163.com 担 当 水 谷 亨 徳 田 隆 人 版 权 所 有 本 书 编 写 组
第 2 章 预 备 知 识 :HTML 与 JavaScript 2.1 HTMLとは? 2.2 HTMLのテキストタグ 属 性 2.3 画 像 とハイパーリンク 挿 入 2.4 表 の 使 用 2.5 表 を 作 る 2.6 JavaScriptの 簡 単 な 紹 介 2.7 JavaScriptの 文 法 2.8 JavaScriptの 使 用 事 例 2.1 什 么 是 HTML 2.2 HTML 的 文 本 标 记 及 属 性 2.3 插 入 图 片 和 超 链 接 2.4 表 格 的 使 用 2.5 创 建 表 单 2.6 JavaScript 简 介 2.7 JavaScript 语 法 2.8 JavaScript 使 用 范 例
2.1 什 么 是 HTML 2.1.1 HTMLの 概 念 HTML(HyperText Markup Language)つまりWWWを 記 述 する 言 語 の 事 HTML 言 語 を 設 計 する 目 的 として 1 台 のコンピュータ 内 におけるテキス ト 図 形 を 保 管 すること 他 のコン ピュータと 関 連 させ 機 能 的 なネッ トワークを 形 成 すること それによ り 現 在 はネット 上 における 情 報 を 考 慮 する 必 要 が 無 い 私 たちはマウ スを 使 用 し ある1つのファイルに おいてアイコンを 取 りさえすればそ れと 関 係 が 有 る 内 容 に 転 送 し もう 1 台 のパソコンに 保 管 される 物 と 繋 がる 2.1.1 HTML 的 概 念 HTML(HyperText Markup Language) 即 超 文 本 标 识 语 言, 是 WWW 的 描 述 语 言 设 计 HTML 语 言 的 目 的 是 为 了 能 把 存 放 在 一 台 电 脑 中 的 文 本 或 图 形 与 另 一 台 电 脑 中 的 文 本 或 图 形 方 便 地 联 系 在 一 起, 形 成 有 机 的 整 体, 人 们 不 用 考 虑 具 体 信 息 是 在 当 前 电 脑 上 还 是 在 网 络 的 其 它 电 脑 上 我 们 只 需 使 用 鼠 标 在 某 一 文 档 中 点 取 一 个 图 标,Internet 就 会 马 上 转 到 与 此 图 标 相 关 的 内 容 上 去, 而 这 些 信 息 可 能 存 放 在 网 络 的 另 一 台 电 脑 中
2.1 什 么 是 HTML 2.1.1 HTMLの 概 念 HTMLは 純 粋 なテキストファイル である HTMLファイル ブラウ ザの2つあれば 動 かすことが 出 来 る HTMLエディタにはHTMLファイ ルのアプリケーションを 形 成 し 保 存 する 時 に 用 いる 例 えばメモ 帳 ワードパッド EmEditorであ る Webブラウザを 使 いWebペー ジファイルを 開 くのはInternet ExplorerやNetscapeなどを 使 いま す 2.1.1 HTML 的 概 念 HTML 只 是 一 个 纯 文 本 文 件 创 建 一 个 HTML 文 档, 只 需 要 两 个 工 具, 一 个 是 HTML 编 辑 器, 一 个 WEB 浏 览 器 HTML 编 辑 器 是 用 于 生 成 和 保 存 HTML 文 档 的 应 用 程 序, 如 记 事 本 写 字 板 EmEditor WEB 浏 览 器 是 用 来 打 开 WEB 网 页 文 件, 提 供 给 我 们 查 看 WEB 资 源 的 客 户 端 程 序, 如 Internet Explorer,Netscape 等
2.1 什 么 是 HTML 2.1.2 HTMLの 構 造 HTMLの 構 造 はHead Bodyの2つを 含 みその 中 のHeadはブラウザ 部 分 を 記 述 します 必 要 とする 具 体 的 な 内 容 をBodyに 記 述 する 2.1.2 HTMLの 構 造 HTML 的 结 构 包 括 头 部 (Head) 主 体 (Body) 两 大 部 分, 其 中 头 部 描 述 浏 览 器 所 需 的 信 息, 而 主 体 则 包 含 所 要 说 明 的 具 体 内 容
2.1 什 么 是 HTML 2.1.2 HTML 的 结 构 1:<html> 2:<head> 3: <title> HTML 文 档 范 例 </title> 4:</head> 5:<body> 6: <center> 7: <font size= 6 > 这 是 一 个 HTML 范 例 </font> 8: </center> 9: </body> EmEditor 输 入 10:</html>
2.1 什 么 是 HTML 保 存 する 際 ファイル(file)の 種 類 は すべてのファイル(*.*) とする ファイル 名 をつける 時 は 拡 張 子 に 注 意 する 保 存 时 的 注 意 必 ず 最 後 に.html をつける ファイル 名 は 必 ず 半 角 英 数 でつける 今 回 は ex01.html という 名 前 をつける ファイルのエンコード(encode)を 指 定 する UTF-8 を 指 定 して 保 存 する
2.1 什 么 是 HTML 2.1.3 HTMLのタグと 属 性 HTMLファイルは 一 連 のタグと 属 性 から 構 成 される タグは 大 文 字 小 文 字 の 区 別 をせず そのタグを 使 い 属 性 とファイルの 位 置 を 決 める "<"と">"を 始 めとしてタグと 呼 ぶ それを 用 いて 属 性 を 分 割 する 事 でテ キストの 配 置 文 字 の 書 式 や 色 を 形 成 する 事 が 出 来 る タグは 段 落 や 見 出 しにある 情 報 を 指 定 し 属 性 は 数 値 を 変 更 する 物 です 2.1.3 HTML 的 标 签 及 属 性 一 个 HTML 文 档 是 由 一 系 列 的 元 素 和 标 签 组 成 元 素 名 不 区 分 大 小 写,HTML 用 标 签 来 规 定 元 素 的 属 性 和 它 在 文 件 中 的 位 置 < 和 > 括 起 来 的 句 子, 我 们 称 它 为 标 签, 是 用 来 分 割 和 标 签 文 本 的 元 素, 以 形 成 文 本 的 布 局 文 字 的 格 式 及 五 彩 缤 纷 的 画 面 标 签 通 过 指 定 某 块 信 息 为 段 落 或 标 题 等 来 标 识 文 档 某 个 部 件, 属 性 是 标 志 里 的 参 数 的 选 项
2.1.3 HTMLのタグと 属 性 2.1 什 么 是 HTML タグの 属 性 は 以 下 のようになる: <タグ 名 属 性 1= 値 属 性 2= 値 属 性 3 > 内 容 </タグ 名 > 例 えば <font size= 6 >HTML 例 題 1</font> 2.1.3 HTML 的 标 签 及 属 性 标 签 及 属 性 格 式 如 下 : < 标 签 名 字 属 性 1= 值 属 性 2= 值 属 性 3 > 内 容 </ 标 签 名 字 > 例 如, 范 例 中 的 <font size= 6 > 这 是 一 个 HTML 范 例 </font>
2.2 文 本 与 项 目 符 号 2.2.1 HTML 的 文 本 标 签 1 改 行 キー HTMLでの 改 行 は<br>を 使 いま す それは 決 められた 属 性 HTML3.0の 後 に<br></br>を 書 くことが 可 能 です HTMLファ イルの 中 のいかなる 位 置 でも <br>タグを 使 用 する 事 が 出 来 ブラウザの 中 で 表 示 される HTMLソースコードの 中 で 改 行 は 見 落 としやすいので 改 行 を 考 え<br>を 使 います 2.2.1 HTML 的 文 本 标 签 1 换 行 符 在 HTML 文 本 中 的 换 行 需 要 用 <br> 表 示, 它 是 个 单 标 签, 没 有 属 性, 虽 然 在 HTML3.0 之 后 可 以 写 作 <br></br>, 但 没 有 实 际 意 义 在 html 文 件 中 的 任 何 位 置 只 要 使 用 了 <br> 标 签, 当 文 件 显 示 在 浏 览 器 中 时, 该 标 签 之 后 的 内 容 将 显 示 下 一 行 在 HTML 源 代 码 里, 对 回 车 符 是 忽 略 的, 所 以 要 想 换 行 就 用 <br> 标 签
2.2 文 本 与 项 目 符 号 2.2.1 HTML 的 文 本 标 签 2 段 落 キー <P>タグの 文 字 は 同 一 段 落 の 文 字 の 代 表 を 表 す 異 なる 段 落 間 での 間 隔 は 連 続 し2つの 改 行 を 足 し 合 う それにより 文 字 の 異 なる 段 落 を 区 別 する 単 独 で 使 用 が 可 能 単 独 で 使 う 時 <p>で 始 まり<p>で 終 わる 事 を 意 味 する 常 に 使 う 習 慣 を 身 につけ るとより 良 いでしょう 段 落 の 書 き 方 は<p>で それには alignを 使 い3つの 値 を 取 得 できる left,center,rightとあり デフォルト は 左 となる 書 き 方 は<p align=" 値 "> 2.2.1 HTML 的 文 本 标 签 2 分 段 符 <p> 标 签 所 标 识 的 文 字, 代 表 同 一 个 段 落 的 文 字 不 同 段 落 间 的 间 距 等 于 连 续 加 了 两 个 换 行 符, 用 以 区 别 文 字 的 不 同 段 落 它 可 以 单 独 使 用, 也 可 以 成 对 使 用 单 独 使 用 时, 下 一 个 <p> 的 开 始 就 意 味 着 上 一 个 <p> 的 结 束 良 好 的 习 惯 是 成 对 使 用 分 段 符 的 写 法 是 <p>, 它 有 一 个 属 性 就 是 align, 有 三 种 取 值 :left center 和 right, 分 别 代 表 居 左 居 中 和 居 右, 默 认 是 居 左 此 标 签 写 法 为 <p align= 值 >
2.2 文 本 与 项 目 符 号 2.2.1 HTMLのテキストタグ 3 文 字 の 引 用 転 載 を 示 す <blockquote>タグを 用 いて 引 用 句 を 示 す 事 が 出 来 る 特 に 長 いテキストの 引 用 に 対 して 使 用 する 物 で 自 動 で 右 移 し 左 側 にスペースが2つ 表 示 され る テキスト 内 の"ここを 縮 め 並 べる" 部 分 を 自 動 的 に 右 へ 2つのスペースを 移 動 さ せる " 再 度 縮 めて 並 べる"に ついては 縮 小 させ 重 ねる 事 を 言 う 2.2.1 HTML 的 文 本 标 签 3 文 字 缩 排 <blockquote> 标 签 可 以 用 来 建 立 一 个 引 文, 他 特 别 适 合 较 长 文 本 的 引 用, 引 文 显 示 时 将 会 自 动 右 移, 左 边 有 2 个 汉 字 的 空 白, 加 以 区 别 如 图 2-3 所 示, 文 本 这 里 是 缩 排 自 动 向 右 移 动 两 个 汉 字 的 空 白, 而 且 缩 排 可 以 嵌 套, 文 本 再 次 缩 排 就 是 嵌 套 缩 排 得 效 果
2.2 文 本 与 项 目 符 号 2.2.1 HTML 的 文 本 标 签 4 预 排 版 文 字 标 签 <pre> 1:<body> 2:<pre> 3: 海 纳 百 川 4: 有 容 乃 大 5:HTML 预 排 版 文 字 格 式 6:</pre> 7:<!-- 这 是 保 持 预 排 版 的 标 签 --> 8:</body>
2.2 文 本 与 项 目 符 号 2.2.1 HTML 的 文 本 标 签 5 中 央 配 置 タグ 本 文 中 で<center>タグを 使 い 中 央 へ 配 置 する 事 が 出 来 る <center>タグ により 配 置 されるので 配 置 したい 物 の 前 を <center>と</center>で 囲 む 2.2.1 HTML 的 文 本 标 签 5 居 中 对 齐 标 签 文 本 在 页 面 中 使 用 <center> 标 签 进 行 居 中 显 示,<center> 是 成 对 标 签, 在 需 要 居 中 的 内 容 部 分 开 头 处 加 <center>, 结 尾 处 加 </center>
2.2 文 本 与 项 目 符 号 2.2.1 HTML 的 文 本 标 签 6 注 釈 タグ HTMLファイル 中 に 関 連 さ せたタグを 注 釈 する 事 が でき 関 係 するファイル 内 容 をマークしたり 探 したりする 場 合 に 都 合 が 良 い これらの 注 釈 はブ ラウザ 上 では 表 示 されな い 2.2.1 HTML 的 文 本 标 签 6 注 释 标 签 在 HTML 文 档 中 可 以 加 入 相 关 的 注 释 标 记, 便 于 查 找 和 记 忆 有 关 的 文 件 内 容 和 标 识, 这 些 注 释 内 容 并 不 会 在 浏 览 器 中 显 示 出 来
2.2.1 HTMLのテキストタグ 7 文 字 の 配 置 <font 2.2 文 本 与 项 目 符 号 face= 値 1 size= 値 2 color= 値 3 > 文 字 </font> <hn align= 数 値 > 見 出 し</hn> 特 殊 文 字 のスタイルタグ 太 文 字 は <b>...</b> 2.2.1 HTML 的 文 本 标 签 7 字 体 的 设 置 イタリック 下 線 <font face= 值 1 size= 值 2 color= 值 3 > 文 字 </font> <hn align= 参 数 > 标 题 内 容 </hn> <i>...<i> <u>...</u> 特 定 文 字 样 式 标 签 如 粗 体 标 签 <b> </b> 斜 体 标 签 <i> </i> 下 划 线 标 签 <u> </u> 当 然 还 有 一 些 其 他 的 样 式 标 签, 这 里 不 做 详 细 介 绍
2.2.1 HTML 的 文 本 标 签 2.2 文 本 与 项 目 符 号 8 HTML 的 特 殊 符 号 表 示 方 法 特 殊 或 专 用 字 符 ( 特 殊 なchar 文 字 ) 字 符 代 码 (charコード) 特 殊 或 专 用 字 符 ( 特 殊 なchar 文 字 ) 字 符 代 码 (charコード) < < > > & & " " 空 格 (スペース)
2.2.2 HTML 的 项 目 列 表 1:<body> 2:<ol> 3:<li> 星 期 一 4:<li> 星 期 二 5:<li> 星 期 三 6:<li> 星 期 四 7:</ol> 8:</body> 2.2 文 本 与 项 目 符 号
2.2.2 HTML 的 项 目 列 表 2.2 文 本 与 项 目 符 号 <ol type= 编 号 类 型 start= value > 类 型 (タイプ) type= 1 type= A type= a type= I type= i 描 述 表 示 列 表 项 目 用 数 字 标 号 (1,2,3 ) 表 示 列 表 项 目 用 大 写 字 母 标 号 (A,B,C...) 表 示 列 表 项 目 用 小 写 字 母 标 号 (a,b,c...) 表 示 列 表 项 目 用 大 写 罗 马 数 字 标 号 (Ⅰ,Ⅱ,Ⅲ...) 表 示 列 表 项 目 用 小 写 罗 马 数 字 标 号 (i,ii,iii...)
2.2 文 本 与 项 目 符 号 2.2.2 HTMLの 項 目 リスト <li type= 番 号 リスト > (1)disc (2)circle (3)square 2.2.2 HTML 的 项 目 列 表 <li type= 编 号 类 型 > (1)disc - 实 心 园 (2)circle - 空 心 园 (3)square - 小 方 块
2.2.2 HTML 的 项 目 列 表 1:<body> 2:<ul> 3:<li type= square > 一 月 4:<li type= square > 二 月 5:<li type= square > 三 月 6:</ul> 7:<body> 2.2 文 本 与 项 目 符 号
2.3 插 入 图 片 和 超 链 接 2.3.1 HTMLへの 画 像 挿 入 <img src= ( 画 像 ).jpg width= 150 height= 120 border= 0 align= left hspace= 20 vspace= 2 > 2.3.1 HTML 中 图 片 的 插 入 <img src= ( 图 片 ).jpg width= 150 height= 120 border= 0 align= left hspace= 20 vspace= 2 >
2.3 插 入 图 片 和 超 链 接 标 签 <img> 的 属 性 属 性 描 述 src 图 像 的 url 的 路 径 画 像 URLパス alt 提 示 文 字 提 示 する 文 字 width 宽 度 通 常 只 设 为 图 片 的 真 实 大 小 以 免 失 真 幅 height 高 度 通 常 只 设 为 图 片 的 真 实 大 小 以 免 失 真 高 さ align 图 像 和 文 字 之 间 的 排 列 属 性 画 像 文 字 間 の 属 性 border 边 框, 以 像 素 为 单 位 フレームのピクセル 数 hspace 水 平 间 距 水 平 の 間 隔 vlign 垂 直 间 距 垂 直 の 間 隔
2.3 插 入 图 片 和 超 链 接 2.3.2 HTML 中 背 景 图 片 的 使 用 <body background="bg.jpg">
2.3 插 入 图 片 和 超 链 接 2.3.3 HTMLのハイパーリンク <a href= URL target= ウインドウ 名 title= 文 字 >リンク 名 </a> 2.3.3 HTML 中 的 超 链 接 <a href=" 资 源 地 址 " target=" 窗 口 名 称 " title= 提 示 文 字 "> 超 链 接 名 称 </a> 属 性 值 _parent _blank _self _top 描 述 在 上 一 级 窗 口 中 打 开, 一 般 使 用 分 桢 的 框 架 页 会 经 常 使 用 在 新 窗 口 打 开 在 同 一 个 桢 或 窗 口 中 打 开, 这 项 一 般 不 用 设 置 在 浏 览 器 的 整 个 窗 口 中 打 开, 忽 略 任 何 框 架
2.3 插 入 图 片 和 超 链 接 2.3.3 HTMLハイパーリンク リンク 元 URL(UniformResourcLocator) 絶 対 パス 相 対 パスがある 2.3.3 HTML 中 的 超 链 接 链 接 地 址 URL(UniformResourcLocator) 中 文 名 字 为 统 一 资 源 定 位 器 绝 对 路 径 与 相 对 路 径
2.3 插 入 图 片 和 超 链 接 2.3.3 HTMLハイパーリンク ハイパーリンク 応 用 サイト 内 でリンクを 作 る 外 部 と 繋 げる 電 子 メールを 繋 ぐ 内 を 繋 げる 2.3.3 HTML 中 的 超 链 接 超 链 接 的 应 用 在 站 点 内 部 建 立 链 接 外 部 连 接 电 子 邮 件 连 接 页 内 连 接
2.4 表 格 的 使 用 2.4.1 定 义 表 格 的 基 本 标 签 -テーブル 基 本 タグ 标 签 描 述 <table>...</table> 用 于 定 义 一 个 表 格 开 始 和 结 束 <tr>...</tr> 定 义 一 行, 一 组 行 标 签 内 可 以 建 立 多 组 由 <td> 标 签 所 定 义 的 单 元 格 <td>...</td> 定 义 单 元 格, 一 组 <td> 标 签 将 建 立 一 个 单 元 格,<td> 标 签 必 须 放 在 <tr> 标 签 内
2.4 表 格 的 使 用 2.4.2 表 格 标 签 及 其 属 性 ----<table> 属 性 描 述 Width height align background bgcolor 表 格 的 宽 度, 可 用 像 素 或 比 分 比 表 示 表 格 的 高 度, 可 用 像 素 或 百 分 比 表 示 表 格 在 页 面 的 水 平 摆 放 位 置 表 格 的 背 景 图 片 表 格 的 背 景 颜 色 border 表 格 边 框 的 宽 度 ( 像 素 为 单 位 ), 可 设 置 为 0 bordercolor bordercolorlight 表 格 边 框 颜 色 表 格 边 框 明 亮 部 分 的 颜 色
2.4 表 格 的 使 用 2.4.2 表 格 标 签 及 其 属 性 ----<table> 属 性 bordercolordark cellspacing cellpadding 描 述 表 格 边 框 昏 暗 部 分 的 颜 色 单 元 格 之 间 的 间 距 单 元 格 内 容 与 单 元 格 边 界 之 间 的 空 白 距 离 的 大 小
2.4 表 格 的 使 用 2.4.2 表 格 标 签 及 其 属 性 ----<tr> 属 性 描 述 align valign bgcolor bordercolor bordercolorlight bordercolordaek 行 内 容 的 水 平 对 齐 行 内 容 的 垂 直 对 齐 行 的 背 景 颜 色 行 的 边 框 颜 色 行 的 亮 边 框 颜 色 行 的 暗 边 框 颜 色
2.4 表 格 的 使 用 2.4.2 表 格 标 签 及 其 属 性 ----<td> 属 性 描 述 width/height 单 元 格 的 宽 和 高, 接 受 绝 对 值 ( 如 80) 及 相 对 值 ( 如 80%) colspan rowspan 单 元 格 向 右 打 通 的 栏 数 单 元 格 向 下 打 通 的 列 数 align 单 元 格 内 字 画 等 的 摆 放 贴, 位 置 ( 水 平 ) valign 单 元 格 内 字 画 等 的 摆 放 贴 位 置 ( 垂 直 ), 可 选 值 为 : top, middle, bottom bgcolor bordercolor 单 元 格 的 底 色 单 元 格 边 框 颜 色
2.4 表 格 的 使 用 2.4.2 表 格 标 签 及 其 属 性 ----<td> 属 性 bordercolorlight bordercolordark 描 述 单 元 格 边 框 向 光 部 分 的 颜 色 单 元 格 边 框 背 光 部 分 的 颜 色 background 单 元 格 背 景 图 片
2.5.1 HTML 中 に 表 を 標 記 2.5 创 建 表 单 <form action="url" method=get post name="myform" target="_blank">...</form> 2.5.1 HTML 中 的 表 单 标 记 <form action="url" method=get post name="myform" target="_blank">...</form>
2.5 创 建 表 单 2.5.2 表 单 中 的 输 入 标 记 type 属 性 取 值 输 入 区 域 类 型 及 说 明 <input type="text" size="" maxlength=""> <input type="submit"> 单 行 的 文 本 输 入 区 域,size 与 maxlength 属 性 用 来 定 义 此 种 输 入 区 域 显 示 的 尺 寸 大 小 与 输 入 的 最 大 字 符 数 提 交 到 服 务 器 的 按 钮, 当 这 个 按 钮 被 点 击 时, 就 会 连 接 到 表 单 form 属 性 action 指 定 的 url 地 址 <input type="reset"> 重 置 按 钮 <input type="button"> 普 通 按 钮, 当 这 个 按 钮 被 点 击 时, 就 会 调 用 JavaScript 事 件 <input type="checkbox" checked> 一 个 复 选 框,checked 属 性 用 来 设 置 该 复 选 框 缺 省 时 是 否 被 选 中
2.5.2 表 单 中 的 输 入 标 记 2.5 创 建 表 单 type 属 性 取 值 <input type="hidden"> 输 入 区 域 类 型 及 说 明 隐 藏 区 域, 用 户 不 能 在 其 中 输 入, 用 来 预 设 某 些 要 传 送 的 信 息 <input type="image" src="url"> <input type="password"> 使 用 图 像 来 代 替 Submit 按 钮, 图 像 的 源 文 件 名 由 src 属 性 指 定, 用 户 点 击 后, 表 单 中 的 信 息 和 点 击 位 置 的 X Y 坐 标 一 起 传 送 给 服 务 器 输 入 密 码 的 区 域, 当 用 户 输 入 密 码 时, 区 域 内 将 会 显 示 "*" 号 <input type="radio"> 单 选 按 钮 类 型,checked 属 性 用 来 设 置 该 单 选 框 缺 省 时 是 否 被 选 中
2.5 创 建 表 单 2.5.3 表 单 中 的 下 拉 列 表 框 ( 表 中 のプルダウンリスト) 2.5.4 表 单 中 的 多 行 文 本 框 ( 表 中 の 多 行 テキストボックス)
2.6 JavaScript 简 介 JavaScriptは 説 明 性 のあるプログ ラミング 言 語 で オブジェクト 指 向 である この 言 語 はWebブラウ ザのNetscape InternetExplorer にて 設 計 する 事 が 可 能 JavaScriptを 実 行 する 事 が 出 来 る 内 容 をホームページの 中 に 書 き 加 える 事 で 静 的 ではない 動 態 的 な Webプログラムを 作 ることが 出 来 る JavaScript 是 一 种 轻 型 的 解 释 性 的 程 序 设 计 语 言, 而 且 具 有 面 向 对 象 的 能 力 该 语 言 的 通 用 核 心 已 经 潜 入 了 Netscape Internet Explorer 和 其 他 的 Web 浏 览 器 中, 它 能 使 Web 程 序 设 计 增 色 不 少 JavaScript 的 客 户 端 版 本 把 可 执 行 的 内 容 添 加 到 了 网 页 中, 这 样 一 来, 网 页 就 不 是 静 态 的 HTML 了, 而 是 包 含 与 用 户 进 行 交 互 的 程 序 控 制 浏 览 器 的 程 序 以 及 动 态 的 创 建 HTML 内 容 的 程 序
2.6 JavaScript 简 介 2.6.1 JavaScriptの 誤 解 1 JavaScriptはJavaの 一 部 JavaScriptで 良 くある 誤 解 に SunMicrosystems 会 社 のプログ ラミング 言 語 Javaの 簡 略 化 す るバージョンだと 思 っている しかし 文 上 におけるホームペー ジ 中 で 実 行 すると 言 う 部 分 は 似 ているが それ 以 外 について JavaScriptとJavaは 全 く 関 係 が ない そして 似 ている 名 称 と 言 う 物 でもあるが LiveScriptか らJavaScriptとなった 2.6.1 对 JavaScript 的 误 解 1 JavaScript 是 Java 的 一 部 分 对 JavaScript 最 常 见 的 误 解 是 认 为 它 是 Sun Microsystems 公 司 的 程 序 设 计 语 言 Java 的 简 化 版 本, 但 是 除 了 语 句 上 有 一 些 相 似 之 处 以 及 都 能 提 供 网 页 中 的 可 执 行 内 容 之 外,JavaScript 和 Java 是 完 全 不 相 干 的 相 似 的 名 称 不 过 是 一 种 行 销 策 略 罢 了 ( 该 语 言 最 初 被 称 为 LiveScript, 后 来 才 被 该 为 JavaScript
2.6 JavaScript 简 介 2.6.1 JavaScriptの 誤 解 2 JavaScriptはクライアント 側 のみ この 言 い 方 は 全 面 的 でない JavaScriptを3 種 に 分 ける:コアエディ ション クライアント 側 サーバーサ イド 例 えば クライアントはホーム ページを 組 み 込 んだ 物 でサーバサイド はNetscapeのサーバ 中 に 組 み 込 んだ 物 である それは 当 然 のことであり 私 たちのこの 本 はただクライアント JavaScriptのみを 紹 介 し 興 味 が 有 る 方 は 他 の 専 門 書 籍 を 参 考 にしてくださ い 2.6.1 JavaScriptの 誤 解 2 JavaScript 只 有 客 户 端 这 种 说 法 是 不 全 面 的 JavaScript 分 为 三 类 : 核 心 版 客 户 端 JavaScript 和 服 务 器 端 JavaScript, 例 如 客 户 端 是 嵌 入 网 页 的, 服 务 器 端 是 嵌 入 Netscape 网 络 服 务 器 中 的, 当 然, 我 们 这 本 书 只 介 绍 客 户 端 JavaScript, 有 兴 趣 的 读 者 可 以 参 考 专 门 的 JavaScript 书 籍
2.6 JavaScript 简 介 2.6.2 客 户 端 JavaScript 的 特 性 -クライアント 側 の 特 性 1 控 制 文 档 的 外 观 和 内 容 (ファイル 外 部 内 部 制 御 ) 2 对 浏 览 器 的 控 制 (ブラウザコントロール) 3 与 表 单 的 交 互 ( 表 と 交 互 )
2.7 JavaScript 语 法 2.7.1JavaScriptを 書 く 場 所 任 意 にHTMLファイルに 書 きこむことが 出 来 ます た だし<HTML>の 前 には 書 き こむことができません 一 般 的 な 方 法 としては <HTML>...</HTML>の 間 に 書 くことを 推 奨 します 2.7.1 在 什 么 地 方 插 入 JavaScript 你 可 以 在 HTML 文 档 的 任 意 地 方 插 入 JavaScript, 甚 至 在 <HTML> 之 前 插 入 也 不 成 问 题 一 般 的 做 法 是 将 其 插 入 到 <head></head> 之 间, 我 们 也 推 荐 你 这 样 做
2.7 JavaScript 语 法 2.7.1 在 什 么 地 方 插 入 JavaScript <script language= JavaScript > <!-- (JavaScript 代 码 ) //--> </script>
2.7 JavaScript 语 法 2.7.2 JavaScriptの 変 数 1 JavaScriptの 基 本 文 法 < 語 句 > ; セミコロン ";"は 言 語 の1つの 文 を 終 える 記 号 となる 文 塊 の 概 念 文 の 塊 は 大 きい 括 弧 " {}"を 使 う 大 きな 括 弧 を 使 用 する 事 でいくつかの 文 章 の 塊 の 中 で 認 識 させることとなる 文 の 塊 は 重 ねて 使 う 事 が 出 来 る ので 1つの 文 の 塊 の 中 に 多 数 の 文 を 含 む 事 が 出 来 る 2.7.2 JavaScript 中 的 变 量 1 JavaScript 基 本 语 法 < 语 句 > ; 其 中 分 号 ; 是 JavaScript 语 言 作 为 一 个 语 句 结 束 的 标 识 符 语 句 块 的 概 念 语 句 块 是 用 大 括 号 { } 括 起 来 的 一 个 或 n 个 语 句 在 大 括 号 里 边 是 几 个 语 句, 但 是 在 大 括 号 外 边, 语 句 块 是 被 当 作 一 个 语 句 的 语 句 块 是 可 以 嵌 套 的, 也 就 是 说, 一 个 语 句 块 里 边 可 以 再 包 含 一 个 或 多 个 语 句 块
2.7.2 JavaScriptの 変 数 2 変 数 var 変 数 名 [= < 値 >]; 2.7 JavaScript 语 法 変 数 の 値 を 作 る 1つの 変 数 宣 言 の 後 いつでもその 値 を 作 ることが 出 来 る 方 法 は:< 変 数 >=< 数 式 >; 2.7.2 JavaScript 中 的 变 量 2 变 量 var 变 量 名 [= < 值 >]; 变 量 的 赋 值 一 个 变 量 声 明 后, 可 以 在 任 何 时 候 对 其 赋 值 赋 值 的 语 法 是 : < 变 量 > = < 表 达 式 >;
2.7 JavaScript 语 法 2.7.3 数 式 と 演 算 子 数 式 は 数 学 の 定 義 と 似 てい て 数 式 は 一 定 の 値 が 有 り 常 数 と 変 数 の 繋 がりを 始 め 代 数 式 と 演 算 式 を 使 う 1 つの 数 式 は 常 数 あるいは1 つの 変 数 だけを 含 む 演 算 子 が 四 則 演 算 の 演 算 子 に 合 って 関 係 する 演 算 子 論 理 演 算 子 複 合 演 算 子 2.7.3 表 达 式 与 运 算 符 表 达 式 与 数 学 中 的 定 义 相 似, 表 达 式 是 指 具 有 一 定 的 值 的 用 运 算 符 把 常 数 和 变 量 连 接 起 来 的 代 数 式 一 个 表 达 式 可 以 只 包 含 一 个 常 数 或 一 个 变 量 运 算 符 可 以 是 四 则 运 算 符 关 系 运 算 符 位 运 算 符 逻 辑 运 算 符 复 合 运 算 符
2.7.4 JavaScriptの 文 1 注 釈 文 2.7 JavaScript 语 法 一 行 すべてコメントする 場 合 // 多 行 をコメントする 場 合 /*... */ 2.7.4 JavaScript 中 的 语 句 1 注 释 语 句 单 行 注 释 用 双 反 斜 杠 // 表 示 多 行 注 释 是 用 /* 和 */ 括 起 来 的 一 行 到 多 行 文 字
2.7 JavaScript 语 法 2.7.4 JavaScript 中 的 语 句 2 条 件 语 句 (1)if 语 句 (2)switch 语 句 3 循 环 语 句 (1)for 语 句 for (< 变 量 >=< 初 始 值 >; < 循 环 条 件 >; < 变 量 累 加 方 法 >) < 语 句 >; (2)while 语 句 while (< 循 环 条 件 >) < 语 句 >;
本 章 小 结 本 章 では 重 点 的 にHTML ソースコードとクライアン ト 側 のJavaScriptの 応 用 に ついて 紹 介 しました HTMLの 中 で 読 者 はHTML の 構 造 フォント 表 など の 書 き 方 を 把 握 し JavaScriptの 中 で 重 点 的 に 表 を 検 証 する 効 果 を 理 解 し ておいてください 本 章 中 我 们 着 重 介 绍 了 HTML 源 代 码 以 及 客 户 端 JavaScript 的 应 用, 在 HTML 中, 读 者 应 掌 握 好 HTML 结 构 字 体 表 格 表 单 等 的 书 写 方 法, 在 JavaScript 中, 应 重 点 掌 握 JavaScript 在 表 单 验 证 中 的 作 用