如何控制何時加載網頁中的元素？

這是我的情況：
我有一個網頁，需要登錄時，HTML看起來像這樣：如何控制何時加載網頁中的元素？

<head> 
    <script src="login_control.js"></script> 
</head> 
<body> 
    <div id="login"></div> 
    <div id="main"> 
     many things here(images, etc) 
    </div> 
    <script></script> 
    <script></script> 
    <script></script> 
    ... 
</body>

當加載頁面時，該login_control.js被執行，如果用戶沒有登錄，將顯示 #login div。並且用戶看不到div#main。
現在的問題是，即使用戶不能看到它div#main，內容（圖片等）仍然會被加載，這使得它感覺頁面速度很慢...

所以我想知道是否有可能這樣做：
首先顯示登錄div，如果用戶登錄成功，開始加載div＃main。最簡單的方法是什麼？

來源

2011-11-17 wong2

什麼平臺爲網站提供動力？（ASP.NET，PHP，其他？） –

一旦用戶通過身份驗證，那麼你可以隱藏登錄div和顯示主div。這是可能的。但如果你提供給我們一些代碼，那麼我們將能夠知道該怎麼做？ – Unknown

@NathanTaylor PHP – wong2

你可以在<img>沒有src開始，然後動態地將它設置在用戶登錄後，使用AJAX（XMLHttpRequest的）來進行用戶登錄，那麼如果它是成功的，設置圖像SRC的並設置其他div可見。

來源

2011-11-17 03:47:55

有很多圖像，這將是無聊的.. – wong2

除非我遠離基地，當你的瀏覽器解析''標籤時，它會觸發一個GET請求來加載圖片。但我不明白這是一個問題，我只是在解決你的問題。 –

理想情況下，你可以使用AJAX的用戶在完成自己的標誌後的僅會員加載內容。使用jQuery，假設你有一個服務器端的手段來處理請求URL並返回受保護的內容，登錄後進行AJAX調用，類似這樣的事情：

$('#main').load('path/to/protected/content');

來源

2011-11-17 03:51:55

如何控制何時加載網頁中的元素？

回答

相關問題