在HTML/DOM完全加载后加载javascript最安全的方法是什么？

我有一个javascript按钮，当鼠标悬停在上面时，它会自动设置动画。问题在于，动画是动态的，在悬停执行悬停事件时，它将缓存div的宽度和高度（动画的扩展将取决于div的宽度和高度…）

在正常的页面加载过程中，这是正常的，但是当页面加载缓慢时，我会在部分加载的div上执行一个悬停事件。我注意到缓存的宽度和高度是错误的，并导致我的动画往往是不合适的

---

我应该如何确保在所有HTML完全加载之后而不是在…（这样我就不会缓存错误的值）之前出现悬停事件？

我不太清楚缓存div的维度是什么意思。 什么部门

DOM就绪后添加事件

如果使用jQuery，可以执行以下操作：

function animationStart(){
    // ...
}

function animationEnd(){
    // ...
}

$(document).ready(function(){
    $('#my-button').hover(animationStart, animationEnd);
});

---

将悬停事件绑定放在documentready中，只有在dom完成加载后才会触发该绑定

$(document).ready(function() {
    $("#hover").hover(
        function() { 
            // hover on
        }, 
        function() {
            // hover off
        } 
    );
}) 

---

在启动DOM就绪事件之前，或者在需要等待映像的窗口加载事件之后，不要绑定事件处理程序。是否使用

$（window）.on（'load'，function（）尝试过绑定{

？如果调整窗口的大小，那么在所有大小都更改后是否也会更新它们？要解决此问题，您可能根本不应该缓存大小并在

animationStart（）

方法中检测它们。+1感谢您击败了我：-）