JavaScriptを使用してウェブページが完全にロードされているかどうかを確認する方法

Question

<a "href">で使用している画像を、ページが完全に読み込まれるまで無効にする必要があります。

document.ready()を使用することはできません。なぜなら、ドキュメントを準備する前に、この機能を無効にする必要があるからです。

誰か助けてもらえますか？

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

をし、ページの読み込み時に、それを再度有効にします。

よろしく、 Gnanesh

Answer 1

は無効として、あなたのHTMLでそれを定義します。

これには、Javascriptを使用しないユーザーのための機能が欠点となっています。それを行うために他の方法は、直接、ボタンの後のコードの小さな行を追加することです：

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

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

...そして（document.loadに再有効化）新しい情報と

編集：
タイプ "image"の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; 
}; 

Answer 2

jQueryを使用して、完全なコードサンプル：<img>タグになし、その後、CSSを除去するために、他の提案を使用する：画像の場合

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

Answer 3

は、単にディスプレイにスタイルを設定します属性またはそれを変更：

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

この方法は、文書の準備が整うまで、画像にも表示されませんし、ユーザーは、CLIことができますそれにck。あなたが余分なマイルに移動する必要がある場合は、他の提案とタグ内のリンクを非表示/無効にしてjQueryを使用して表示/有効にします。