0

javascriptがすべての出力が含まれる親divを作成するとき、私はそれを。で隠していelement.style.display = 'none'ます。パフォーマンスの観点から、プラグイン（javascript）に最初にcssファイルをロードさせるのが最速の方法だと思います。次に、cssは、ロードされると親divを再び表示します。ただし、divが作成される前にcssファイルが読み込まれた場合、コード内のそのポイントに到達したときにjavascriptはそれを非表示にしませんか？ここで！importantタグを使用すると、安価に思えます。または、divの作成後にcssファイルをロードすると、出力がユーザーに表示されるまでの時間が長くなります。これに対する標準的な解決策があるかどうか疑問に思っていますが、それを見つけることができませんでした。ありがとう！

4

3 に答える 3

1 
<style>
   body { display: none; }
</style>
<script>
   window.onload = function(){ document.body.style.display = null; }
</script>

CSSリンク参照がロードされているかどうかを確認することもできますが、それはより高いレベルですが、DavidFlanaganによるJavaScriptブックをお勧めします。

より良い方法は、純粋なCSSを使用することです。これは自動的に行われ、ドキュメントの読み込みを待機しません。

<style>
   body { display: none; }
</style>
<link rel="stylesheet" href="some.css">

ファイルsome.css内：

body { display: inherit; }

よくわからないinherit、多分blockうまくいくでしょう。試す。

于 2013-01-14T20:39:19.110 に答える
0

ラッパーDIVを作成する場合、giveは「hideMe」のようなクラス名であり、hideMeの定義はですdisplay:none。表示したい場合は、クラスを削除（または再定義）してください。

于 2013-01-14T20:36:36.240 に答える
0

jQueryを使用して、これを次の方法で解決できます。

$(document).ready( function() {
   $(element).show();
});

また

$(window).load( function() {
   $(element).show();
});
于 2013-01-14T20:39:57.210 に答える