可以将脚本组件
从组件面板的“高级”类别拖到可视设计器中,以便创建标准的 HTML <script> 标记,该标记可位于 <head> 标记或 <body> 标记中。可以使用脚本组件将 JavaScript 添加到页面中。
在将该组件放到可视设计器中的页面上后,该组件会被插入到 <head> 标记中。在页面上不会呈现该组件,但可以在“导航”窗口的 head1 节点下看到该组件。如果希望 <script> 标记位于 <body> 中,可以将“导航”窗口中的脚本节点从 head 节点拖到 body 节点中。
<head> 标记移到 <body> 标记,请打开 JSP 编辑器并确保将脚本组件放在 JSP 代码中使用它的任何组件之前。如有必要,请剪切并粘贴脚本组件,以对其进行移动。 可以使用该标记指向 JavaScript 文件或直接指定 JavaScript 代码,如下所述:
url 属性。
<ui:script binding="#{Page1.script1}" id="script1"/>
要添加 JavaScript 代码,必须将该标记更改为开始和结束 <ui:script> 标记,并将代码放在这些标记之间。例如:
<ui:script binding="#{Page1.script1}" id="script1">
function foo(text) {
alert(text);
}
</ui:script>
要使用上述脚本,您可能需要在另一个组件的某个 JavaScript 属性中调用 foo() 函数。例如,可以将文本字段组件添加到页面中,并将其 OnFocus 属性设置为以下文本:
foo('the text field just got focus'};
运行应用程序并单击浏览器中的文本字段时,将会看到一个类似于以下的警报框:
有关 HTML <script> 标记的详细信息,请参见以下 W3C Web 页: