簡體   English   中英

該代碼在Javascript中的含義是什么

[英]What is the meaning of this code in Javascript

我是Java語言的新手,我很難正確理解此代碼的含義。 我想分享我對代碼的看法,需要您的指導以正確理解它。

<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負責制作可訪問的相應輸入元素。

您的理解是正確的。 您可以給任何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條警報。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM