display:none
On 2 の異なるスタイル シートを使用して、CSS を使用して画面に表示されているかどうかにかかわらず、2 つのコード ブロックが管理されています。
ここで私の質問は、ページがブラウザにロードされ、これが検出された場合、div 内のコードをロードして非表示にするか、コメントのようにスキップするかです。
要するに、はい。ブラウザーは、css をロードする前に常に dom を完全にロードするため、ブラウザーが要素を表示しないように指示する CSS。
以下の図は、ブラウザが取る順序を示しています。
1 つ目は、ブラウザがページの読み込み時にすべての HTML を読み込むことです。それを防ぐために私が知っている唯一の方法は、HTML をサーバー側言語の「if」ステートメントの中に入れることです。(または同様のサーバー側)
例:
<?php
if($variable == "Something"){ ?>
<p>I want this to load.</p>
<?php }
else if($variable == "Something Else"){ ?>
<p>This should load instead.</p>
<?php }
?>
ただし、javascrip や css hover などを使用して何かに基づいて非表示の HTML を表示/非表示にする必要がある場合、このスクリプトはサーバー上で実行され、TRUE if ステートメントの内容のみが表示されるため、これは機能しません。
おそらくこれにもjavascriptを使用できます。(私は JavaScript の天才ではありませんが、実行可能であると確信しています。)
コンテンツをコードにロードしたくない場合は、Javascript を使用して簡単にコンテンツをキャッシュに入れることができます。コンテンツ自体はコードに読み込まれますが。JS を使用したデータ キャッシュの作成についてサポートが必要な場合は、私がお手伝いします。