脚 本 提 供 作 者 一 个 扩 展 HTML 文 档 活 跃 和 交 互 的 方 法. 例 如:
牋牋 <!ELEMENT SCRIPT - - CDATA牋牋� -- script statements --> <!ATTLIST SCRIPT � type牋牋牋� CDATA牋牋� #IMPLIED� -- Internet content type for 牋牋牋牋牋牋牋牋牋牋牋牋牋牋牋牋牋牋� script language -- � language牋� CDATA牋牋� #IMPLIED� -- predefined script language name -- � src牋牋牋牋 %URL牋牋牋 #IMPLIED� -- URL for an external script -- � >开 始 标 记: 需 要, 结 束 标 记: 需 要
脚� 本 可 以 在 SCRIPT 元 素 中 或 处 部 文 件 中 被 定 义. 如 果 src 特 性 没 有 被 设 定, 用 户 代 理 器 必 须 把 元 素 内 容 作 为 脚 本 来 解 译. 如 果 src 有 一 个 URL 值, 用 户 代 理 器 必 须 忽 略 元 素 内 部 并 且 通 过 URL 取 得 脚 本.
脚 本 被 作 为 必 须 被 用 户 代 理 器 知 道 的 脚 本 引 擎 来 考 虑.
在 SCRIPT 元 素 中 即 不 包 含 缺 省 脚 本 语 言 声 明 也 不 包 含 本 地 声 明 的 文 档 是 不 正 确 的. 用 户 代 理 器 可 能 仍 旧 解 译 并 不 需 要 的 脚 本.
<META http-equiv="Content-Script-Type" content="type">这 里 的 "type" 是 一 个 用 来 命 名 脚 本 语 言 的 互 联 网 媒 体 格 式 (Internet Media Type, 参 见 [MIMETYPES]). 这 些 值 的 例 子 是 "text/tcl", "text/javascript", "text/vbscript". 参 见 [MIMETYPES] 来 获 得 完 整 的 合 法 脚 本 语 言 列 表.
如 果 没 有 META 声 明, 缺 省 值 可 通 HTTP 引 导 头 的 "Content-Script-Type" 来 设 定.
牋� Content-Script-Type: type
当 数 个 HTTP 引 导 头 和 META 元 素 存 在 时, 最 后 一 个 定 义 了 缺 省 的 脚 本 语 言. 由 于 我 们 的 目 的, HTTP 引 导 头 在 文 档 HEAD 之 前 出 现 被 考 虑.
<HTML> <HEAD> <META http-equiv="Content-Script-Type" content="text/tcl"> <SCRIPT type="text/vbscript" src="http://someplace.com/progs/vbcalc"> </SCRIPT> </HEAD> <BODY> <SCRIPT type="text/javascript"> ...some JavaScript... </SCRIPT> </BODY> </HTML>
然 而, 脚 本 应 当 根 据 其 分 配 的 名 称 指 向 元 素. 脚 本 引 擎 应 当 在 标 识 一 个 元 素 时 遵 守 下 列 的 优 先 法 则: 如 果 两 个 均 被 设 置 name 特 性 比 id 更 有 优 先 权. 无 论 如 何 一 个 或 另 一 个 将 被 使 用.
HTML 剖 析 器 必 须 根 据 开 始 标 记 和 结 束 标 记 一 开 始 时 的 后 跟 名 称 字 符 ([a-zA-Z]) 的 ETAGO ("</") 定 界 符 就 能 够 认 出 脚 本 数 据. 脚 本 数 据 并 非 必 须 要 用 </SCRIPT> 结 束 标 记 来 终 止, 但 它 终 止 于 任 何 后 跟 名 称 字 符 的 "</" .
因 此, 任 何 HTML 标 注 被 送 到 脚 本 引 擎 时 (无 论 何 时 只
要 是 希 望 标 注 时) 必 需 "换 码(escape)" 以 此 不 使 HTML 剖
析 器 感 到 混 乱. 每 种 脚 本 语 言 的 设 计 者 应 当 推 荐 语
言 特 性 支 持 来 解 决 这 个 问 题.
�
下 面 的 代 码 是 非 法 的, 因 为 "</EM>" 出 现 在 SCRIPT 元 素 里 面:
牋� <SCRIPT type="text/javascript">
牋牋� document.write ("<EM>This won't work</EM>")
牋� </SCRIPT>
一 个 一 致 剖 析 性 必 定 把 "</EM>" 数 据 当 作 脚 本 数 据
的 结 束, 这 明 显 不 是 作 者 的 意 图.
在 JavaScript 中, 这 个 代 码 可 以 通 过 确 保 不 让 ETAGO 定 界 符 紧 贴 着 SGML 名 称 开 始 字 符 之 前 出 现 来 表 达:
牋� <SCRIPT type="text/javascript">
牋牋� document.write ("<EM>This will work<\/EM>")
牋� </SCRIPT>
在 Tcl 中, 可 以 如 下 完 成:
牋� <SCRIPT type="text/tcl"> 牋牋� document write "<EM>This will work<\/EM>" 牋� </SCRIPT>在 VBScript, 这 个 问 题 可 以 通 过� Chr() 函 数 来 避 免:
牋牋 牋� "<EM>This will work<\" & Chr(47) + "EM>"
控 件 元 素 如 INPUT, SELECT, BUTTON, TEXTAREA 和 LABEL 均 响 应 于 一 定 的 内 部 事 件. 当 这 些 元 素 没 有 出 现 在 一 个 表 单 时,� 它 们 可 以 用 来 提 高 文 档 的 图 像 用 户 接 口.
例 如, 设 计 者 可 能 希 望 在 他 们 的 文 档 中 包 含 一 个 按 钮 并 且 按 动 后 不 提 交 表 单 而 是 当 它 们 被 激 活 时 继 续 与 节 点 通 讯.
下 面 的 例 程 展 示 了 一 些 可 能 的 控 件 和 基 于 内 部 事 件 的 用 户 接 口 行 为.
<INPUT NAME="userName" onBlur="validUserName(this.value)">这 里 是 另 一 个 JavaScript 例 程:
<INPUT NAME="num"
牋� onChange="if (!checkNum(this.value, 1, 10))�
牋牋牋� {this.focus();this.select();} else {thanks()}"
牋� VALUE="0">
牋� <INPUT name="edit1" size="50">牋牋 牋� <SCRIPT type="text/vbscript"> 牋牋� Sub edit1_changed() 牋牋牋� If edit1.value = "abc" Then 牋牋牋牋� button1.enabled = True 牋牋牋� Else 牋牋牋牋� button1.enabled = False 牋牋牋� End If 牋牋� End Sub 牋� </SCRIPT>这 是 使 用 Tcl 的 同 一 个 例 程:
牋� <INPUT name="edit1" size="50">
牋� <SCRIPT type="text/tcl">
牋牋� proc edit1_changed {} {
牋牋牋� if {[edit value] == abc} {
牋牋牋牋� button1 enable 1
牋牋牋� } else {
牋牋牋牋� button1 enable 0
牋牋牋� }
牋牋� }
牋牋� edit1 onChange edit1_changed
牋� </SCRIPT>
牋牋
<BUTTON type="button" name="mybutton" value="10">
<SCRIPT type="text/javascript">
牋牋� function my_onclick() {
牋牋牋牋 . . .
牋牋� }
牋� document.form.mybutton.onclick = my_onclick
</SCRIPT>
</BUTTON>
这 里 是 一 个 更 有 趣 的 视 窗 处 理:
牋牋
<SCRIPT type="text/javascript">
牋牋� function my_onload() {
牋牋牋牋 . . .
牋牋� }
牋牋� var win = window.open("some/other/URL")
牋牋� if (win) win.onload = my_onload
</SCRIPT>
在 Tcl 中 为 :
<SCRIPT type="text/tcl">
牋牋 proc my_onload {} {
牋牋牋 . . .
牋牋 }
牋牋 set win [window open "some/other/URL"]
牋牋 if {$win != ""} {
牋牋牋牋 $win onload my_onload
牋牋 }
</SCRIPT>
通 过 给 出 这 些 语 法 限 定, 定 界 符 ('), ("), "&" 和 "&#" 无 法 直 接 地 出 现 于 特 性 值 中. 为 了 解 决 这 个 问 题, 我 们 建 议 脚 本 事 件 的 处 理 特 性 始 终 使 用 (") 定 界 符 而 出 现 在 事 件 处 理 特 性 中 的 定 界 如 下 表 示:
牋� '"'� 应 当 写 作 """ 或 """ 牋� '&'� 应 当 写 作 "&"� 或 "&"
<INPUT name="num" value="0"
爋nChange="if (compare(this.value, "help")) {gethelp()}">
SGML 允 许 (') 被 包 含 于 用 双 引 号 (") 的 特 性 字 符 串 中,
或 相 反. 因 此 下 列 是 正 确 的:
"this is 'fine'" 和 'so is "this"'
文 档 的 动 态 修 改 可 如 下 建 模:
<TITLE>Test Document</TITLE>
<SCRIPT type="text/javascript">
牋牋 document.write("<p><b>Hello World!<\/b>")
</SCRIPT>
具 有 相 同 于 HTML 标 注 的 效 果:
<TITLE>Test Document</TITLE> <P><B>Hello World!</B>
<!ELEMENT NOSCRIPT - - (%block)>开 始: 需 要, 结 束: 需 要
NOSCRIPT 元 素 允 许 作 者 在 脚 本 无 法 运 行 的 时 候 提 供 轮 替 内 容. NOSCRIPT 元 素 的 内 容 只 在 脚 本 - 知 道 的 用 户 代 理 器 上 在 下 列 情 况 被 渲 染:
<SCRIPT type="text/tcl"> ...some Tcl script to insert data... </SCRIPT> <NOSCRIPT> <P>To access the data, click <A href="http://someplace.com/data">here.</A> </NOSCRIPT>
另 一 种 解 决 这 个 问 题 的 方 法 是 把 脚 本 置� 于 处 部 文 档 并 在 src 特 性 是 指 向 它 们.
在 JavaScript 中注释脚本
JavaScript 引 擎 允 许 "<!--" 字 串 出 现 在 一 个 SCRIPT
元 素 开 始 时, 并 且 忽 略 后 续 的 字 符 直 到 行 末. JavaScript
把 "//" 解 译 为 开 始 注 释 并 扩 展 到 当 前 行 末. 这 是
JavaScript 剖 析 器 的 需 要: 隐 藏 "-->" 字 串.
<SCRIPT type="text/javascript">
<!--� to hide script contents from old browsers
� function square(i) {
牋� document.write("The call passed ", i ," to the function.","<BR>")
牋� return i * i
� }
� document.write("The function returned ",square(5),".")
// end hiding contents from old browsers� -->
</SCRIPT>
牋 <SCRIPT type="text/vbscript"> 牋牋 <!-- 牋牋牋 Sub foo() 牋牋牋� ... 牋牋牋 End Sub 牋牋 ' --> 牋� </SCRIPT>
<SCRIPT type="text/tcl">
<!--� to hide script contents from old browsers
� proc square {i} {
牋� document write "The call passed $i to the function.<BR>"
牋� return [expr $i * $i]
� }
� document write "The function returned [square 5]."
# end hiding contents from old browsers� -->
</SCRIPT>