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

    <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

上了解有关此活动的更多信息

Answer 2

我个人会这样做。

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>

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

2 个答案: