Dreamweaver/使用JavaScript行为
使用“行为”面板[ ]
使用“行为”面板将行为附加到页元素（更具体地说是附加到标签）并修改以前所附加行为的参数。
若要打开“行为”面板，请执行以下操作： 选择“窗口”>“行为”。 已附加到当前所选页元素的行为显示在行为列表中（面板的主区域），按事件以字母顺序排列。如果同一个事件有多个动作，则将以在列表上出现的顺序执行这些动作。如果行为列表中没有显示任何行为，则没有行为附加到当前所选的页元素。
关于事件[ ]
每个浏览器都提供一组事件，这些事件可以与“行为”面板的“动作”(+) 弹出式菜单中列出的动作相关联。当 Web 页的访问者与页进行交互时（例如，单击某个图像），浏览器生成事件；这些事件可用于调用引起动作发生的 JavaScript 函数。（没有用户交互也可以生成事件，例如设置页每 10 秒钟自动重新载入。）DreamWeaver 提供许多可以使用这些事件触发的常用动作。
根据所选对象和在“显示事件”子菜单中指定的浏览器的不同，显示在“事件”弹出菜单中的事件将有所不同。若要查明对于给定的页元素给定的浏览器支持哪些事件，请在您的文档中插入该页元素并向其附加一个行为，然后查看“行为”面板中的“事件”弹出菜单。如果页上尚不存在相关的对象或所选的对象不能接收事件，则这些事件将禁用（灰显）。如果未显示预期的事件，请确保选择了正确的对象，或在“显示事件”弹出式菜单中更改目标浏览器。
如果要将行为附加到某个图像，则一些事件（例如 onMouseOver）显示在括号中。这些事件仅用于链接。当选择其中之一时，DreamWeaver 在图像周围使用 a 标签来定义一个空链接。在属性检查器的“链接”文本框中，该空链接表示为 javascript:;。如果要将其变为一个指向另一页的真正链接，您可以更改链接值，但是如果删除了 JavaScript 链接却未用另一个链接来代替它，则将删除该行为。
应用行为[ ]
您可以将行为附加到整个文档（即附加到 body 标签），还可以附加到链接、图像、表单元素或多种其它 HTML 元素中的任何一种。
您选择的目标浏览器确定给定的元素支持哪些事件。例如，对于每个元素，Internet Explorer 4.0 比 Netscape Navigator 4.0 或任何 3.0 版的浏览器具有更多的事件。
注意: 不能将行为附加到纯文本。您可以为每个事件指定多个动作。动作按照它们在“行为”面板的“动作”列中列出的顺序发生。
若要附加行为，请执行以下操作：
- 在页上选择一个元素，例如一个图像或一个链接,若要将行为附加到整个页，请在“文档”窗口底部左侧的标签选择器中单击 <body> 标签。
- 选择“窗口”>“行为”，打开“行为”面板。
- 单击加号 (+) 按钮并从“动作”弹出菜单中选择一个动作,菜单中灰显的动作不可选择。它们灰显的原因可能是当前文档中缺少某个所需的对象。例如，如果文档不包含 Shockwave 或 Macromedia Flash SWF 文件，则“控制 Shockwave 或 Flash”动作为灰显。如果所选的对象无可用事件，则所有动作都灰显,当您选择某个动作时，将出现一个对话框，显示该动作的参数和说明。
- 为该动作输入参数，然后单击“确定”,Dreamweaver 提供的所有动作都可以用于 4.0 和更高版本的浏览器中。某些动作不能用于较早版本的浏览器中。请参见使用 DreamWeaver 自带的行为动作。
- 触发该动作的默认事件显示在“事件”栏中。如果这不是需要的触发事件，请从“事件”弹出菜单中选择另一个事件。（若要打开“事件”弹出菜单，请在“行为”面板中选择一个事件或动作，然后单击显示在事件名称和动作名称之间的向下的黑色箭头。
将行为附加到文本[ ]
不能将行为附加到纯文本。诸如 p 和 span 等标签不在浏览器中生成事件，因此无法从这些标签触发动作。
但是，您可以将行为附加到链接。因此，若要将行为附加到文本，最简单的方法就是向文本添加一个空链接（不指向任何内容），然后将行为附加到该链接上。请注意，如果这样做，您的文本将显示为链接。如果实在不想让它显示为链接，可以更改链接颜色并删除下划线，但这样站点访问者可能不知道可以点击该文本。 若要将某个行为附加到所选的文本，请执行以下操作：
- 在属性检查器的“链接”文本框中输入 javascript:;。一定要包括冒号和分号。
- 注意: 如果愿意，您可以在“链接”文本框中改用数字符号 (#)。使用数字符号的问题在于当访问者单击该链接时，某些浏览器可能跳到页的顶部。单击 JavaScript 空链接不会在页上产生任何效果，因此 JavaScript 方法通常更可取。
- 在文本仍处于选中状态时打开“行为”面板（“窗口”>“行为”）。
- 从“动作”弹出菜单中选择一个动作，输入该动作的参数，然后选择一个触发该动作的事件。
若要更改链接文本的外观使它看上去不是一个链接，请执行以下操作：
- 选择“查看”>“代码”打开“文档”窗口的“代码”视图。
- 查找该链接,在该链接的 a href 标签中，插入以下属性：style="text-decoration:none; color:black"。
此属性设置将禁用下划线并将文本的颜色设置为黑色。（当然，如果周围的文本是其它颜色，则使用该颜色而不是黑色。
请注意，此属性是一个内联 CSS 样式。应用于单个链接的内联样式覆盖应用于该链接的其它 CSS 样式，但不对该链接外的部分产生任何影响。若要更改页上各处或整个站点中链接文本的外观，请使用 CSS 样式为链接创建一个新的样式。
更改行为[ ]
在附加了行为之后，您可以更改触发动作的事件、添加或删除动作以及更改动作的参数。 若要更改行为，请执行以下操作：
- 选择一个附加有行为的对象。
- 选择“窗口”>“行为”打开“行为”面板,多个行为按事件以字母的顺序显示在面板上。如果同一个事件有多个动作，则以执行的顺序显示这些动作。
- 执行下列操作之一：
- 若要编辑动作的参数，请双击该行为名称或将其选中并按 Enter 键 (Windows) 或 Return 键 (Macintosh)；然后更改对话框中的参数并单击“确定”。
- 若要更改给定事件的多个动作的顺序，请选择某个动作然后单击上下箭头按钮。或者选择该动作然后剪切它，并将它粘贴到其它动作中所需的位置。
- 若要删除某个行为，请将其选中然后单击减号 (-) 按钮或按 Delete 键。
更新行为[ ]
如果您的页包含用 Dreamweaver 1 或 Dreamweaver 2 创建的行为，则当您在当前版本的 Dreamweaver 中打开该页时不对这些行为进行自动更新。但是，当您（按照本节中的步骤）对页中出现的一个行为进行更新时，此页中所有其它地方出现的该行为都将进行更新。在 Dreamweaver 3 中创建的行为无需修改就可以用在 Dreamweaver 4 中。
注意: 如先前所述，当对页面中出现的一个行为进行更新时，在该页中所有其它地方出现的该行为也将被更新。但是，必须对 Web 站点每一页的行为分别进行更新。
若要更新页中的行为，请执行以下操作：
- 选择一个附加有该行为的元素。
- 打开“行为”面板,双击该行为。
- 在该行为的对话框中单击“确定”。
该行为在此页中所出现的每一处都将进行更新。
参考来源[ ]
Dreamweaver使用手册导航 | ||||||
|---|---|---|---|---|---|---|
|