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;

私の理解：イベント「onclick」は、IDが「get_alerts」の場合、関数「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 に答える