>  기사  >  웹 프론트엔드  >  웹페이지가 로딩 중일 때 페이지에 진행률 표시줄이 표시되고 로딩이 완료된 후 웹페이지 내용이 표시됩니다._javascript 기술

웹페이지가 로딩 중일 때 페이지에 진행률 표시줄이 표시되고 로딩이 완료된 후 웹페이지 내용이 표시됩니다._javascript 기술

WBOY
WBOY원래의
2016-05-16 17:45:571599검색

인터넷에는 많은 웹페이지 로딩 진행률 표시줄이 있지만 대부분 고정된 시간이 있습니다.
아래의 많은 양의 데이터를 쿼리할 때 웹페이지가 느리게 로드됩니다. 웹페이지가 로드되면 진행률 표시줄이 사라지고 로드된 웹페이지의 내용이 표시됩니다. .

코드 복사 코드는 다음과 같습니다.

스크립트 언어= VBScript>
Dim Bar, SP
Bar = 0
SP = 100
Function Window_onLoad()
Bar = 95
SP = 10
함수 종료
함수 개수()
if Bar < 100 Then
Bar = Bar 1
setTimeout "Count()", SP
else
document.getElementById("jdt").style. display=" none"
document.getElementById("content").style.display=""
end if
End Function
Call Count()
>< body>
진행률 표시줄이 여기에 표시되며 동적 사진도 배치할 수 있습니다.




------ ----- --------------
가장 쉬운 웹페이지가 로드된 후 이미지를 숨기고 웹페이지 내용을 표시하는 것입니다.



코드를 복사하세요 코드는 다음과 같습니다: text/css">
#loadDiv {
위치: 절대;
z-index:999;
너비:표현식(document.body.clientWidth);
높이:표현식(document .body.clientHeight);
배경색:#FFFFFF;
text-align:center;
padding-top:200px;
;div id="loadDiv"> 로드 중...


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