1

私が現在取り組んでいるWebサイトには、読み込みが遅いdivがあり、ページの読み込みが遅くなりますが、この遅いdivが完了するまで、すべての位置要素が読み込まれるわけではないため、ジャンプします。divのコンテンツは外部ソースからのものであるため、このdivのコンテンツを制御できません。したがって、このdivのコンテンツをコードの下部に移動して、Webページの同じ場所にコンテンツの位置を維持しながら、ページの残りの部分の後にロードされるようにできるかどうか疑問に思いました。人々がいくつかのJavaスクリプトコードで行うことと似ています。

4

3 に答える 3

0

セルゲイが言ったようにこのようなことをする

ヘッドウィンドウのjavascript.onLoad=function（）{switchDivs（）; }

コンテンツが必要な場所の上のHTML

<div id="whereYouWantIt"></div>

ページの残りの部分のHTMLを増やす

<div id="contentIsInHere"></div>

コンテンツを切り替える関数のjavascriptはここにあります。オプションで、この関数を含む外部スクリプトをここで呼び出します。

<script> 
function switchDivs() {
  document.getElementById("whereYouWantIt").innerHTML = document.getElementById("contentIsInHere").innerHTML;
  document.getElementById("contentIsInHere").innerHTML = "";
  document.getElementById("whereYouWantIt").style.display = "inline";
}
</script>

</body>

CSS

#whereYouWantIt {
    display:none;
    other styles ...
}
#contentIsInHere {
    display:none;
    no other styles needed
}
于 2013-02-06T13:18:18.633 に答える
0

2 つの div を見つけることができます。1 つはあるべき場所、2 番目はページの下部です。どちらの要素も、最初は何も表示されていないはずです。ページが読み込まれた後、JavaScript を使用して「疑似」div の内部コンテンツを必要な div にコピーし、このための表示ブロックを作成します。

于 2013-02-06T12:45:48.387 に答える
0

CSS を使用して div を配置し、最後に配置できます。または、javascript は実際には良い考えです。コンテンツを window.onload() 関数にロードします。

于 2013-02-06T12:43:03.080 に答える