HTML 脚本、事件属性

向HTML添加脚本（Script），使其动态性和交互性更强。

将脚本插入HTML页

HTML中的脚本使用<script>进行定义，type属性指定脚本语言。

<script type="text/javascript">document.write("Hello World!")</script>

如何应付老式的浏览器

如果浏览器压根没法识别 <script> 标签，那么 <script> 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生，你应该将脚本隐藏在注释标签当中。那些老的浏览器（无法识别 <script> 标签的浏览器）将忽略这些注释，所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们，即使代码被嵌套在注释标签内。

实例

JavaScript:

<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>

VBScript:

<script type="text/vbscript">
<!--
document.write("Hello World!")
'-->
</script>

<noscript> 标签

除了将脚本隐藏于注释中，你还可以添加 <noscript> 标签。<noscript> 标签用于定义假如脚本没有执行时的替代文本。这个标签被用于以下情况：如果浏览器能够识别 <script> 标签，但是不支持其中的脚本，那么这些浏览器将显示出 <noscript> 标签内部的文本。不过，如果浏览器支持 <script> 内的脚本，那么浏览器将忽略 <noscript> 标签。

JavaScript:

<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
<noscript>Your browser does not support JavaScript!</noscript>

VBScript:

<script type="text/vbscript">
<!--
document.write("Hello World!")
'-->
</script>
<noscript>Your browser does not support VBScript!</noscript>

核心属性 (Core Attributes)

以下标签不提供下面的属性：base、head、html、meta、param、script、style 以及 title 元素。

属性	值	描述
class	classname	规定元素的类名（classname）
id	id	规定元素的唯一 id
style	style_definition	规定元素的行内样式（inline style）
title	text	规定元素的额外信息（可在工具提示中显示）

HTML 4.0 事件属性

事件处理器：这些处理器会监视特定的条件或用户行为，例如鼠标单击或浏览器窗口中完成加载某个图像。通过使用客户端的 JavaScript，可以将某些特定的事件处理器作为属性添加给特定的标签，并可以在事件发生时执行一个或多个 JavaScript 命令或函数。

事件处理器的值：一个或一系列以分号隔开的 Javascript 表达式、方法和函数调用，并用引号引起来。当事件发生时，浏览器会执行这些代码。

例：当把鼠标移动到一个超链接时，会启动一个JavaScript函数。支持JavaScript的浏览器支持<a>标签中一个特殊的"mouse over"事件处理器-被称为onmouseover来完成这项工作：

<a href="/index.html" οnmοuseοver="alert('Welcome'); return false"></a>

下面的表格提供了标准的事件属性，可以把它们插入 HTML/XHTML 元素中，以定义事件行为。

窗口事件 (Window Events)

仅在 body 和 frameset 元素中有效。

属性	值	描述
onload	脚本	当文档载入时执行脚本
onunload	脚本	当文档卸载时执行脚本

表单元素事件 (Form Element Events)

仅在表单元素中有效。

属性	值	描述
onchange	脚本	当元素改变时执行脚本
onsubmit	脚本	当表单被提交时执行脚本
onreset	脚本	当表单被重置时执行脚本
onselect	脚本	当元素被选取时执行脚本
onblur	脚本	当元素失去焦点时执行脚本
onfocus	脚本	当元素获得焦点时执行脚本

图像事件 (Image Events)

该属性可用于 img 元素：

属性	值	描述
onabort	脚本	当图像加载中断时执行脚本

键盘事件 (Keyboard Events)

在下列元素中无效：base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, 以及 title 元素。

属性	值	描述
onkeydown	脚本	当键盘被按下时执行脚本
onkeypress	脚本	当键盘被按下后又松开时执行脚本
onkeyup	脚本	当键盘被松开时执行脚本

鼠标事件 (Mouse Events)

在下列元素中无效：base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title 元素。

属性	值	描述
onclick	脚本	当鼠标被单击时执行脚本
ondblclick	脚本	当鼠标被双击时执行脚本
onmousedown	脚本	当鼠标按钮被按下时执行脚本
onmousemove	脚本	当鼠标指针移动时执行脚本
onmouseout	脚本	当鼠标指针移出某元素时执行脚本
onmouseover	脚本	当鼠标指针悬停于某元素之上时执行脚本
onmouseup	脚本	当鼠标按钮被松开时执行脚本