javascript - PageLoad で実行

Question

ページの読み込み時に HTML でこのコードを実行するにはどうすればよいですか?

<script>    
    window.onload = $(function(){
        $("#name1, #name2").val("").attr("disabled",true);
};
</script>

このコードを試しましたが、うまくいきません。

Answer 1

on()ハンドラーを使用することをお勧めします。

$(window).on('load', function(){
   $("#name1, #name2").val("").attr("disabled",true);
});

またはdocument.ready()、特定の要素が読み込まれるのを待っていない場合:

$(document).ready(function(){
   $("#name1, #name2").val("").attr("disabled",true);
});

Answer 2

$(必要のない余分なものがあり、締めくくりがありません}...

window.onload = function() {
    $("#name1, #name2").val("").attr("disabled",true);
};

これでコードは機能しますが、おそらく DOM の準備ができたらこれを実行できます (すべての画像が読み込まれるのを待つよりも高速です)...

$(function() {
    $("#name1, #name2").val("").attr("disabled",true);
});

Answer 3

DOM にのみアクセスしたい場合は、これを使用できます。

$(document).ready(function() { /* code */ });

$(function() { /* code */ }); // shorthand function (is identical)

他のすべてのリソース (スタイル、スクリプト、iframe、画像など) も読み込む必要がある場合 (例: 画像のサイズを取得する)、これを使用する必要があります。

$(window).on('load', function() { /* code */ });

Answer 4

このように関数コードブロックを閉じる必要があります。

<script>    
    window.onload = $(function(){
        $("#name1, #name2").val("").attr("disabled",true);
    });
</script>

Answer 5

これを使用して、window.OnLoad を削除します

$(function(){
    $("#name1, #name2").val("").attr("disabled",true);
});

デモを見る

http://jsfiddle.net/qgPzG/

Answer 6

次の構文を使用できます。

$(function(){
  $("#name1, #name2").val("").attr("disabled",true);
});