0

我是 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 将负责创建可访问的相应输入元素。

4

1 回答 1

1

你的理解是正确的。你可以给id任何 DOM 元素,而不仅仅是输入。然后使用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 个警报。

于 2013-01-02T06:56:56.347 回答