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

我需要禁用在<a "href">中使用的图像，直到页面完全加载。如何使用javascript验证网页是否已完全加载

我不能使用document.ready()，因为我需要禁用BEFORE文档准备就绪。

有人可以帮助我吗？

问候， Gnanesh

2009-04-09 gnanesh

定义它在你的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; 
};

来源

2009-04-09 04:34:18 nickf

我很抱歉没有提供正确的信息。我需要禁用在我的情况下作为按钮的图像 – gnanesh 2009-04-09 04:44:04

非常感谢您的支持 – gnanesh 2009-04-10 13:07:42

使用jQuery的完整代码示例：

<input type="button" value="My Button" id="mybutton" disabled="disabled" /> 
<script type="text/javascript"> 
    $(document).ready(function() { $('#mybutton').removeAttr('disabled'); }); 
</script>

来源

2009-04-09 04:37:08 swilliams

我很抱歉没有提供正确的信息。我需要禁用一个图像，在我的情况下充当按钮 – gnanesh 2009-04-09 04:44:55

在图像的情况下，只需设置样式为显示：无在<img>标签，然后使用其他建议删除CSS属性或更改：

$(document).ready(function(){ $("#myImage").css("display","block"); });

这种方式，图像甚至不会出现，直到该文件已准备就绪，然后用户可以CLI ck就可以了。如果您需要额外努力，请按照其他建议操作，并隐藏/禁用标签中的链接，并使用jQuery显示/启用它。

来源

2009-04-09 05:00:33 hacker

感谢您的解决方案:) – gnanesh 2009-04-09 05:58:57

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

回答

相关问题