未捕获的 ReferenceError：在“a”标签中使用时未定义“functionName”

Question

我在 href 标签中调用了一个 java 脚本函数，但它显示了未定义函数的错误。 我还尝试使用锚标记的 id 调用 jquery click 函数，但它没有给出任何响应。

<a href="javascript:ViewCustormerdeee({{$user->id}});">
  <span id="viewCustomer" class="fa fa-eye"></span>
</a>
<script>
  function ViewCustormerdeee(id) {
    console.log(123);
  }
</script>

它应该在控制台中记录123 ，但它显示错误消息：

未捕获的 ReferenceError：未定义 ViewCustormerdeee

Answer 1

我个人会这样做。

onClick=已过时，应避免使用。

我认为最好的方法是在元素上使用事件侦听器。

    <a id="viewCustomerButton" href="javascript:void(0)">
      <span id="viewCustomer" class="fa fa-eye"></span>
    </a>
    <script>
      function ViewCustormerdeee(id) {
        let button = document.getElementById('viewCustomerButton');
        button.addEventListener('click', function() {
            console.log('123');
        });
      }
    </script>

Answer 2

    <a onclick="ViewCustormerdeee('"+ {{$user->id}} +"');" ><span id="viewCustomer" class="fa fa-eye"></span></a>

    <script>
       function ViewCustormerdeee(id)
        {
           console.log(id);
        }
    </script>

在此处阅读有关此活动的更多信息https://www.w3schools.com/jsref/event_onclick.asp