javascript onclick 中带有 javascript 参数的 Jsp

Question

我想插入对函数的调用来获取 JavaScript onclick 函数的参数。我想做的是这样的：

<input class="refreshbutton"
       type="button"
       id="searchUfficiPopup"
       onClick="javascript:postColorbox('/DeliDete/searchUfficiPopupBySettoreId', **'&settoreIdKey=${javascript:getSettoriId()}'**, 'tabUfficiForm', 'initScriptUffici')" 
       value="<fmt:message key="navigation.searchUffici"/>" />

这样 Eclipse 就会告诉我函数 javascript:getSettoriId() 未定义。我在外部 .js 文件中定义了这个函数，在运行时使用 jQuery 的 .getScript 加载，所以我不想将它插入到 jsp 中（无论如何我尝试将它插入到 jsp 中，但是 IDE仍然说该函数未定义）。

函数 postColorbox 定义为：

function postColorbox(url, parameters, formName, initScript)

函数 getSettoriId() 返回先前输入的表单元素 Settori 的值，我需要执行受限查询（我需要获取与所选 Settori 实体相关的所有 Uffici 实体）

说到这里，我想请教各位专家：

1. 是否可以使用 JavaScript 函数作为 onclick JavaScript 函数的参数？

2. 如果我把要调用的这个函数放在外部 .js 文件中，jsp 能够看到它并调用它吗？

谢谢大家的帮助！ 安德里亚

Answer 1

删除 上的 onClick 并使用 jQuery 事件处理程序来执行此操作：

$('#searchUfficiPopup').click(function() {
    var settoriId = getSettoriId();

    postColorbox('/DeliDete/searchUfficiPopupBySettoreId',
                 '&settoreIdKey=' + settoriId,
                 'tabUfficiForm',
                 'initScriptUffici');

    return false;
});

Answer 2

从 HTML 元素内部调用函数不是首选方法。如果可以的话，只需为元素分配一个 id 或类，然后在页面加载时使用 javascript 添加一个侦听器。

这样您就不会混合数据和操作。修改代码也会更容易，因为您的代码将位于 js 文件中。