首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計疑難解答

JavaScript window.onload 拼寫錯誤導致點擊事件無響應

     編輯:程式設計疑難解答

錯誤代碼

window.onlaod = function() { ... } // 少寫了 'd'

現象

頁面載入完成後未綁定按鈕點擊事件,點擊無反應,控制台無報錯。

修正

window.onload = function() {
    var oBtn1 = document.getElementById('btn1');
    var oDiv = document.getElementById('div1');
    var aCh = oDiv.getElementsByTagName('input');
    oBtn1.onclick = function() {
        for (var i = 0; i < aCh.length; i++) {
            aCh[i].checked = true;
        }
    };
};

補充最佳實踐

  • 使用 `addEventListener('DOMContentLoaded', ...)` 替代 `onload`,觸發更早(DOM 就緒即觸發,不等圖片)。
  • 將腳本放在 `` 前,可省去 `onload` 直接綁定。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved