javascript - domの準備ができたがレンダリングされなかった後のJavascriptイベント

Question

domの準備ができた後、レンダリングされないことは可能ですか（白い画面）ユーザーからコンテンツを非表示にし、いくつかの操作の後に最終的な画像を表示したいと思います。bodyタグに「display：none」を使用できますが、巨大なプロジェクトに取り組んでいるため、すべてのページを変更したくありません。ありがとう

Answer 1

ここに方法はありますか？

document.onload = function() {
    //your codes
}

とは異なり、window.onloadこの関数は DOM が読み込まれた後に実行されるため、操作は可能ですが、すべての要素をレンダリングする必要はありません。

Answer 2

dom の準備ができた後に何かを行うことは可能ですが、レンダリングされません

ブラウザーは、HTML を解析して DOM を挿入するときに、DOM を段階的にレンダリングします。あなたが説明する状態は自然には起こりません。

あなたはそれを偽造することができます…</p>

body タグで「display:none」を使用できますが、巨大なプロジェクトに取り組んでいるので、すべてのページを変更したくありません。

手間がかかりすぎてすべてのページを変更したくない場合は、残念です。すべてのページが使用する外部スタイルシートを設定します。

特定のページにのみ変更を表示するためにすべてのページを変更したくない場合は、より具体的なセレクターを使用します。

---

とはいえ、コンテンツが表示されないようにして、ユーザーに白い画面 (または読み込み画面) を提供することは、ユーザーの興味をそそり、多くのユーザーを別のサイトに誘導するだけです。これを行うことはお勧めしません。

Answer 3

JQueryを使用できる場合、これはDOMの準備ができているがページがロードされていないときに呼び出されます

$(document).ready(function(){

)};

Answer 4

ここに私自身の 2 セントを寄付します。

jquery では、DOM がブラウザーに完全にロードされた後 (つまり、画像なしで)、$("document").ready() イベントが発生しますが、表示されません。したがって、あなたが望むものを達成するには、「.ready()」メソッド内にハンドラー関数を入力して、達成したいものを処理する必要があると思います。

それはあなたが探していたものですか？