readyとonload

1280 ワード

JavaScript html jquery

質問:トップページで複数のピクチャ切替効果js参照を制御すると正常に表示され、2次ページに入ると切替効果は機能しません.

チェックしたところ、jsロード関数windowであることが分かった.onload=function(){}に問題が発生し、それを$(document)に変更した.ready(function(){}後、問題は解決しました!

資料を調べたところ、次のことがわかりました.
      1.window.onloadはページのロードが完了したときに実行することを意味し、jqueryのreadyはページのDOMモデルのロードが完了した後に指定した関数を実行することを意味する.
      2.readyはonloadの前に発生したに違いない.ページに大きな画像をロードしてonloadの実行を遅らせるには、jqueryのreadyを使用してこの問題を緩和することができる.
      3.同じページで無限に$(document)を使用することができる.ready()イベント.ここで登録した関数は(コードの)順に順次実行されます.

テストdemo:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>    </title>
</head>
<script type = "text/javascript" src= "jquery-1.3.2.min.js"></script>
<script type = "text/javascript">
$(document).ready(function(){
	alert(111);
});
$(document).ready(function(){
	alert(112);
});

window.onload = function(){
	alert(222);
}
window.onload = function(){
	alert(223);
}
</script>

<body>

</body>
</html>

    
111  112  223

jqueryの簡単なdiv表示と非表示の特効

jqueryまとめ2:効果