Question

我是Javascript的新手，我很难正确理解这段代码的含义。我想分享我对代码的想法，我需要你的指导才能正确理解它。

<body>
  <form>
    <input type="button" value="Click Me!" id="say_hi" />
  </form>
  <script type="text/javascript" src="js_event_01.js"></script>
</body>

function hi_and_bye() {
  window.alert('Hi!');
  window.alert('Bye!');
 }
var hi_button = document.getElementById("say_hi");
hi_button.onclick = hi_and_bye;

我的理解：当ID为“get_alerts”时，事件“onclick”调用函数“hi_and_bye”。类似地，这可以应用于任何事件，并且我可以为任何元素提供id属性，并且该id将负责创建可访问的对应输入元素。

Answer 1

您的理解是正确的。您可以为任何DOM元素提供id，而不仅仅是输入。然后使用getElementById，您可以检索对此元素的引用。

在这个例子中，你正在做的事情：

// Get a reference to a DOM element that has id="say_hi"
var hi_button = document.getElementById("say_hi");

// subscribe to the onclick event handler of the DOM element we retrieved on  
// the previous line and attach this handler to the hi_and_bye javascript function
hi_button.onclick = hi_and_bye;

我不认为函数体本身需要更多解释：当这个函数执行时，它只会一个接一个地显示2个警报。

这个代码在Javascript中的含义是什么？

1 个答案: