>  기사  >  웹 프론트엔드  >  JS는 페이지를 로드할 때 로드 진행률 표시줄을 구현합니다.

JS는 페이지를 로드할 때 로드 진행률 표시줄을 구현합니다.

高洛峰
高洛峰원래의
2016-12-16 16:53:131963검색

페이지 로딩 시 로딩 진행 표시줄이 있는 JS 구현

페이지 로딩 시 로딩 구현 방법

로딩 구현은 아마도 이를 의미할 것입니다. 먼저 표시할 콘텐츠를 숨기고, 먼저 로딩 텍스트나 그림 등을 표시한 다음 문서가 로드된 후에 내용이 표시되고 로딩은 숨겨집니다.

여기서는 jquery를 사용했는데, 사용하든 안하든 상관없습니다.

<html> 
<head> 
<script language="javascript" type="text/javascript" src="jquery-1.6.1.js">
</script> 
/** * 页面加载完成后显示页面 */ 
function showPage(){ $(&#39;#divPageLoading&#39;).remove(); 
$(&#39;#divPageBody&#39;).show(); } 
</head>
 <body onload="showPage();"> 
 <div id="divPageLoading"> 
 <img src="pageloading.gif" style="width:120px;height:120px;position:absolute;left:45%;top:40%;"/> 
 </div>
  <div id="divPageBody" style="display:none;"> …… 
 </div> 
 </body> 
 </html>



페이지 로드 시 진행률 표시줄 로드에 대한 JS 구현에 대한 자세한 내용은 PHP 중국어 웹사이트를 참고하세요. !

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.