编辑“Dreamweaver/使用JavaScript行为”

{{Dreamweaver top}}
==使用“行为”面板==
使用“行为”面板将行为附加到页元素（更具体地说是附加到标签）并修改以前所附加行为的参数。

'''若要打开“行为”面板，请执行以下操作：'''
选择“窗口”>“行为”。 
已附加到当前所选页元素的行为显示在行为列表中（面板的主区域），按事件以字母顺序排列。如果同一个事件有多个动作，则将以在列表上出现的顺序执行这些动作。如果行为列表中没有显示任何行为，则没有行为附加到当前所选的页元素。

==关于事件==
每个浏览器都提供一组事件，这些事件可以与“行为”面板的“动作”(+) 弹出式菜单中列出的动作相关联。当 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 站点每一页的行为分别进行更新。

'''若要更新页中的行为，请执行以下操作：'''
#选择一个附加有该行为的元素。 
#打开“行为”面板,双击该行为。 
#在该行为的对话框中单击“确定”。 
该行为在此页中所出现的每一处都将进行更新。

== 参考来源 ==
http://www.baike.baidu.com
{{Dreamweaver}}
[[category:Dreamweaver|S]]