如何使用 JavaScript 验证网页是否已完全加载

我需要禁用我正在使用的图像<a "href">直到页面完全加载。

我无法使用document.ready()因为我需要在文档准备好之前禁用它。

有人可以帮我解决这个问题吗？

在 HTML 中将其定义为禁用：

<button disabled="disabled">My Button</button>

然后在页面加载时重新启用它。

这样做的缺点是会破坏没有 Javascript 的用户的功能。另一种方法是在按钮后面直接添加一小行代码：

<button id="myButton">My Button</button>

<script type="text/javascript">
    document.getElementById('myButton').disabled = true;
</script>

...然后重新启用 document.load()

使用新信息进行编辑:
是不是一个input类型为“图像”？如果是这样，上面的方法仍然有效。如果没有，这是一个<a>标签内有图像，我不建议按照接受的答案建议的方式进行操作，抱歉。考虑到页面加载时间太长以至于您需要禁用链接，最后突然出现图像可能会让人非常沮丧或分散注意力。我的建议是这样的：

<a href="whatever" onclick="return myLinkHandler();"><img src="..." /></a>
<script type="text/javascript">
    var myLinkHandler = function() {
        alert('Page not loaded.');  // or something nicer
        return false;
    };
</script>

然后在 document.ready 函数中，更改函数的定义：

myLinkHandler = function() {
    alert("Yay, page loaded.");
    return true;
};

或者，您可以在函数内部进行检查以查看页面是否已加载。

var documentReady = false;
function myLinkHandler() {
    alert (documentReady ? "Ready!" : "Not ready!");
    return documentReady;
}

document.onload = function () { // or use jQuery or whatever
    documentReady = true;
};