AJAX 로더가 표시되지 않습니까?

Question

이것이 오류 또는 그 방법 일지 확실하지 않은 경우 ...

페이지에 여러 개의 큰 파일이 있기 때문에 AJAX Loader를 사용하고 있는데 사용자가 알기를 원합니다. 페이지로드가 완료되면 필자는 주요 브라우저에서 이것을 테스트했으며 오페라에서만 로더를 보여줍니다. 아직 보여주지 않은 나머지 부분은 내용이로드가 완료되지 않았다고 말할 수 있습니다. 이 로더가 왜 보이지 않습니까?

코드 :

HTML (이 페이지의 첫 번째 항목에있다)

<div id="loading"> 
    <h2 class="textcenter"><span style="font-family:'Comic Sans MS', cursive;">LOADING</span><img class="center" style="width:128px" src="/messages4u/2011/images/preloader.gif" width="128" height="128" alt="Pre-Loader Animation" /></h2> 
    </div> 

JS

<script type="text/javascript"> 
document.getElementById("loading").style.display = "none"; 
</script> 

Answer 1

(이 페이지의 마지막 요소입니다)

윈도우의 onload-event를 사용합니다 (모든 자원의로드가 완료되면 실행됩니다). 그렇지 않으면 로더가로드됩니다. 스크립트가 구문 분석되는 즉시 숨겨집니다.

<script type="text/javascript"> 
window.onload=function() 
{ 
document.getElementById("loading").style.display = "none"; 
} 
</script>