HTML 嵌入式 JavaScript 中不同上下文中的函数

Functions in different contexts in HTML-embedded javascript?

本文关键字:上下文 函数 嵌入式 JavaScript HTML      更新时间:2023-09-26

不确定问题的标题是否正确,但无论如何这是我的问题。我有一个带有嵌入式javascript的php/html文档。我有两个功能,showSysshowPies。这两个函数都在文档开头的同一个 <script> 标记内,因此:

<script type='text/javascript'>
    function showSys(){...}
    function showPies(){...}
</script>

在文档的下面,我有一个表格。 showSys是在表中某些<td>元素的内容的onClick()上下文中调用的。 showPies在表的其他一些<td>元素中调用。所以

<table>
  <tr>
  ...
    <td><a onClick="showSys()">blah</a></td>
  ...
  </tr>
  <tr>
  ...
    <td><script type='text/javascript'>showPies()</script></td>
  </tr>
</table>

问题是使用上面的代码,不会调用showSys()。只调用showPies()。我确定这与执行上下文有关,但我无法弄清楚 - 当涉及到JavaScript时,我有点新手。有什么想法吗?

只有在单击该表格单元格 (TD) 时才会调用showSys()

你的脚本对我有用。你真的在点击"废话"吗?

<script>
  function showSys() {
    alert('showSys');
    }
  function showPies() {
    alert('showPies');
    }
  </script>
<table>
  <tr>
    <td><a href="#" onClick="showSys();return false;">blah</a></td>
  </tr>
  <tr>
    <td><script type='text/javascript'>showPies()</script></td>
  </tr>
</table>