jQueryの$(window).load(function() {})
と$(document).ready(function() {})
の違いは何ですか?
答えて
document.ready
はjQueryのイベントであるDOMの準備ができたとき、それは例えば、実行されますすべての要素がありますが、必ずしもすべてではありません。の内容です。window.onload
イメージなどがロードされているときに後で(または最悪の場合と同時に失敗する場合)、イメージディメンションを使用している場合は、この代わりに使用することがよくあります。
jquery prospectiveから - ウィンドウとドキュメントにload
/onload
イベントを追加するだけです。 はこれをチェックしてください:
DOM Level 2 Eventsによると、ロードイベントはドキュメント上で発生するはずです。 はウィンドウに表示されません。ただし、すべてのブラウザでwindowにロードされており、後方互換性は です。
違いは以下のとおりです。
$(document).ready(function() {
は、DOMがロードされたときに発生するjQueryのイベントなので、文書構造の準備ができたとき、それが解雇です。
$(window).load()
イベントは、コンテンツ全体が読み込まれた後に発生します。
$(document).ready(function() {
// executes when HTML-Document is loaded and DOM is ready
alert("document is ready");
});
$(window).load(function() {
// executes when complete page is fully loaded, including all frames, objects and images
alert("window is loaded");
});
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function() {
alert("document loaded");
});
$(window).load(function() {
alert("window loaded");
});
</script>
</head>
<body>
<iframe src="http://stackoverflow.com"></iframe>
</body>
</html>
全てのiframeのコンテンツを
$(document).ready
ロードされた後window.loadがトリガされるすべての要素は、必ずしも全てのコンテンツではないDOMに存在するが、ときに起こります。
$(document).ready(function() {
alert("document is ready");
});
window.onload
または$(window).load()
すべてのコンテンツリソース(画像など)がロードされた後に発生します。
$(window).load(function() {
alert("window is loaded");
});
注目すべきは、この関数は1.8で非推奨、とjQueryでここに3.0
詳細情報削除されました:私は$(ウィンドウ).LOADイベントが3.xのをjqueryのためにサポートされていないと思うObject doesn't support property or method 'indexOf'
を..
[documentation](https://api.jquery.com/load-event/)に従って、$(window).loadイベントがJQuery 3.0で削除されました – Wndrr
document.ready(jQuery) document.readyは、HTMLドキュメントがロードされた直後に実行され、DOMが準備完了です。
DOM:Document Object Model(DOM)は、HTML、XHTML、およびXMLドキュメントのオブジェクトを表現し、対話するための、クロスプラットフォームおよび言語に依存しない規約です。(ビルトインのJavaScript)
$(document).ready(function()
{
// executes when HTML-Document is loaded and DOM is ready
alert("(document).ready was called - document is ready!");
});
window.load window.loadしかし、この はインナーフレーム、画像などを含ん * window.loadがあり、完全にロードするページを待ちます組み込みのJavaScriptメソッドでは、古いブラウザ(IE6、IE8、古いFF、Operaバージョン)にいくつかの癖があることが知られていますが、一般的にそれらのすべてで動作します。
window.loadは次のように体のonloadイベントで使用することができます(それは後で混乱のための源であると私は強く、あなたがHTMLでこのようなコードを混合を避けることをお勧め):
$(window).load(function()
{
// executes when complete page is fully loaded, including all frames, objects and images
alert("(window).load was called - window is loaded!");
});
- 1. jQuery(document).ready()load()aspx
- 2. 複数の$(document).ready関数
- 3. ラーラーブレードの使用$(document).ready関数
- 4. インライン関数とビューの相違点
- 5. 引数と関数と関数ポインタの相違点
- 6. JQuery $(document).ready()とdocument.write()
- 7. jQuery .live()とDocument ready
- 8. 関数と新しい関数のJavaScriptの相違点
- 9. ファーストクラス関数と高次関数の相違点
- 10. zlib: `deflate`関数と` compress`関数の相違点
- 11. セルフコーリング匿名関数と$(document).readyを使用する
- 12. jQuery(document).ready(function($)
- 13. JQuery:Rebind $(document).Ready()
- 14. $(document).ready in javascript
- 15. <script defer>と$(document).ready
- 16. importとconstとの相違点とcommonjsでの相違点
- 17. =と:=の相違点
- 18. dojoの.readyとjQuery $(document)の違いは何ですか?
- 19. 小数点と小数点の相違点
- 20. PHPUnitとPHPSpecの相違点と相違点
- 21. jQueryモバイルリンクリストpageInit()、$(document).ready()
- 22. 目的関数-cの括弧と角括弧の相違点
- 23. モナドの型コンストラクタとリターン関数の相違点(Haskell)
- 24. jQuery $(document).ready関数の書き方が短く
- 25. jQuery(document).readyのような関数を作成します。
- 26. jQueryのwindow.onload(function(){})と$(document).ready(function(){})のmeteor jsに相当する関数は何ですか?
- 27. `新しい関数(){this.x = 1}`と `{x:1} 'の相違点
- 28. 文字列名の$(document).ready関数でjavacript関数を呼び出す
- 29. JQuery AJAX load()&ready()
- 30. エラー:$(document).readyは関数ではありません
'$(document).ready(function(){}) 'の省略形は' $(function(){})'であり、window.loadとのもう一つの重要な違いは、最初のDOMreadyの後であっても –
'onload'は' load'と同じであると推測していますか? – dbliss
@dblissはいonloadは '$(window).on( 'load')'の略語だと思います。どちらも** load **イベントを参照しています。 –