移動一個div的內容到代碼底部

在我目前的工作網站上我有一個緩慢加載的div，導致頁面加載緩慢，但也跳轉，因爲並非所有的位置元素加載，直到這個緩慢的div確實。我無法控制div的內容，因爲div的內容來自外部來源。所以我想知道是否可以將這個div的內容移動到我的代碼底部，以便在我的頁面的其餘部分之後加載它，同時仍然保持內容在網頁上的相同位置的位置？類似於人們對一些java腳本代碼的處理。移動一個div的內容到代碼底部

來源

2013-02-06 Simbady

告訴我們在你嘗試過什麼 – Vimalnath

一些代碼正如你所暗示的，這的確可以使用JavaScript來完成。更多信息需要具體。 – Boaz

像謝爾蓋說，做這樣的事情在這頭

的JavaScript 的window.onload =函數（）{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-06 13:18:18 fredsbend

非常感謝，工作出色！ – Simbady

哪一個？請投票並上傳。 – fredsbend

我會如果我有代表。 – Simbady

你可以使用CSS來定位div，並在最後。或者javascript實際上是個好主意，將內容加載到window.onload（）函數中。

來源

2013-02-06 12:43:03 Techmonk

您可以找到2個div - 一個應該在哪裏，另一個應該在頁面的底部。這兩個元素應該最初都不顯示。在頁面被加載後，通過使用JavaScript將「pseudo」div的內部內容複製到您需要的div併爲此顯示塊。

來源

2013-02-06 12:45:48

移動一個div的內容到代碼底部

回答

相關問題