[解決済み] [Solved] jQuery - $(document).readyと$(window).loadの違いは何ですか?
2022-04-14 01:45:12
質問
とはどのような違いがあるのでしょうか?
$(document).ready(function(){
//my code here
});
と
$(window).load(function(){
//my code here
});
そして、それを確かめたい。
$(document).ready(function(){
})
と
$(function(){
});
と
jQuery(document).ready(function(){
});
は同じです。
両者の違いや共通点を教えてください。
どのように解決するのですか?
$(document).ready(function() {
// executes when HTML-Document is loaded and DOM is ready
console.log("document is ready");
});
$(window).load(function() {
// executes when complete page is fully loaded, including all frames, objects and images
console.log("window is loaded");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
クエリ3.0バージョン
変更点: .load()、.unload()、.error()が削除されました。
<ブロッククオート
これらのメソッドはイベント操作のショートカットですが、いくつかのAPIがありました。
の制限があります。イベント
.load()
メソッドは ajax の
.load()
メソッドを使用します。は
.error()
メソッドを使用することはできませんでした。
window.onerror
というのは、DOM メソッドの定義がそうなっているからです。を付ける必要がある場合は
イベントをこれらの名前で使用するには
.on()
メソッドに変更します。
$("img").load(fn)
から
$(img).on("load", fn)
.
1
$(window).load(function() {});
に変更する必要があります。
$(window).on('load', function (e) {})
これらはすべて等価です。
$(function(){
});
jQuery(document).ready(function(){
});
$(document).ready(function(){
});
$(document).on('ready', function(){
})
関連
-
[解決済み】jQueryでクリックされた要素のIDを取得する方法
-
[解決済み] jQuery slidetoggleが動作しない?[クローズド]
-
[解決済み] jqueryのノーマルパッケージとスリムパッケージの違いは何ですか?
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] jQueryを使用しない$(document).ready相当
-
[解決済み] HTMLマークアップのどこに<script>タグを記述すればよいですか?
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み] jQuery 複数のイベントで同じ関数を起動する
-
[解決済み】jQuery Mobile: ドキュメントレディとページイベントの比較
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】JSONパースエラー シンタックスエラー 予期せぬ入力の終了
-
[解決済み] jQuery ValidateプラグインでaddMethodを使用する
-
[解決済み] jQueryがfadeOutで動作しない
-
[解決済み] How to make the first option of <select> selected with jQuery
-
[解決済み] チェックボックスのオン/オフの切り替え
-
[解決済み] cssで自動的にシャインエフェクト
-
[解決済み] jQuery slidetoggleが動作しない?[クローズド]
-
[解決済み] JW-Player - アンロードするには?
-
[解決済み] window.onload vs $(document).ready()
-
[解決済み】 $(window).load() と $(document).ready() の関数の違いについて