javascript - 当执行这个特定的 onclick 事件时如何执行 JavaScript 函数？

Question

我不太喜欢 JavaScript，但遇到了以下问题。

在 JSP 页面中，我有一些像这样的“链接”:

<tr onmouseout="Javascript: this.style.background='#EAEFFF'; this.style.color='#003399';" onmouseover="Javascript: this.style.background='#003399'; this.style.color='#FFFFFF'; this.style.cursor='hand';" style="background-color: #EAEFFF;" onclick="Javascript: document.location.href='edi.do?serv=4.1';">
    <td>
        <!--A HREF="edi.do?serv=4.1" class="linkBlue" onMouseOver="self.status='Comunicazioni'; return true"-->
        Comunicazioni
    </td>
</tr>

正如您在前面的代码片段中看到的，该链接尚未由经典的 a href 实现，而是由 JavaScript 使用以下表达式完成:

onclick="Javascript: document.location.href='edi.do?serv=4.1';"

所以，如果我说的是错误的断言，请纠正我，我认为(当用户点击tr时)通过Javascript:它执行以下JavaScript操作打开链接。这是正确的解释吗？

它可以工作，但我的问题是，在执行此操作之前，我必须执行定义在

中的特定 loadingPopUp() JavaScript 函数

<script type="text/javascript">...</script>

我的页面的部分。所以我的问题是:如何在 Javascript: document.location.href='edi.do?serv=4.1'; 之前执行 loadingPopUp() 函数onclick 事件？

Answer 1

将 onclick 事件更改为:

onclick="changeLocationTo('edi.do?serv=4.1')"

创建一个新的js函数:

function changeLocationTo(newLocation)
{
   loadingPopUp();

   // you may add an timeout here or to handle a popup action like closing it

   document.location.href = newLocation;
}