[英]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.