페이지 로딩 시 로딩 진행 표시줄이 있는 JS 구현
페이지 로딩 시 로딩 구현 방법
로딩 구현은 아마도 이를 의미할 것입니다. 먼저 표시할 콘텐츠를 숨기고, 먼저 로딩 텍스트나 그림 등을 표시한 다음 문서가 로드된 후에 내용이 표시되고 로딩은 숨겨집니다.
여기서는 jquery를 사용했는데, 사용하든 안하든 상관없습니다.
<html>
<head>
<script language="javascript" type="text/javascript" src="jquery-1.6.1.js">
</script>
/** * 页面加载完成后显示页面 */
function showPage(){ $('#divPageLoading').remove();
$('#divPageBody').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 중국어 웹사이트를 참고하세요. !
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
