按钮 onclick="handle_clicks()" .. handle_clicks 未定义，我可以将（这个）用作 html element.onclick 中的参数吗？

Question

你能检查这段代码并找出它运行不正常的原因吗？有两件事我想澄清.. 为什么函数没有定义？我可以使用（这个）吗？

HTML:

In head:
<script src="script.js"></script>

In body:
<button type="button" onclick="handle_clicks(this)">button1</button>
<button type="button" onclick="handle_clicks(this)">button2</button>

JS:

   window.onload = () => {
    function handle_clicks(btn) {
      btn.style.background = 'green';
      console.log('A button was clicked');
    }
  }

Answer 1

在正文末尾粘贴您的脚本标签，并调用 js 函数，如：

<button type="button" onclick="handle_clicks(event)">button1</button>

现在在 JS 中使用没有 windows.onload

的简单函数

function handle_clicks($event) { // $ is used for events
   const elm = $event.target
   elm.style.background = 'green';
   console.log('A button was clicked');
}

按钮 onclick="handle_clicks()" .. handle_clicks 未定义，我可以将（这个）用作 html element.onclick 中的参数吗？

button onclick="handle_clicks()" .. handle_clicks is not defined AND can i use (this) as a parameter in html element.onclick?

onclick

this