사용자로부터 JavaScript로드를 숨길 수 있습니까?

StackOverflow https://stackoverflow.com/questions/1000718

  •  05-07-2019
  •  | 
  •  

문제

PHP를 사용하여 생성 된 페이지가 있고 다음을 사용하여 실행되는 JS를 사용하여 수정하는 페이지가있는 경우.

window.onload=myFunction;

그런 다음 사용자는 원본 페이지를보고 JS 코드가 실행되고 페이지에 자체 비트를 추가하면 깜박 거리는 것으로 보입니다.

사용자 가이 프로세스를 보거나 적어도 덜 분명하게 만들 수있는 방법이 있습니까? 아마도 Window보다 JavaScript를로드하는 데 더 적합한 방법이있을 수 있습니다 (이미지 등이 다운로드 될 때 작동하기 시작할 수있는 것)?

도움이 되었습니까?

해결책

나는 일부 요소의 가시성을 전환하는 신체의 일부 클래스 설정을 추천합니다.

<body class="loading"> .... </body>

그런 다음 스크립트가로드가 완료되면이 클래스를 제거하고 필요한 모든 것을 표시 할 수 있습니다. "로드"클래스를 사용하여 모질라의 회전하는 도트 원과 같은 멋진 배경을 보여줄 수도 있습니다.

또한 일부 프로젝트는 "Onload"대신 다른 스크립트로드 방법을 사용합니다. 먼저 "domready"라는 글로벌 배열을 만듭니다.

window.domReady = [];

그리고 페이지로드에서 실행될 기능을 추가해야 할 때이 배열로 밀어 넣습니다.

window.domReady.push( function foo(){ alert('Hey!'); } );

그리고 문서의 마지막 줄에서 당신은 모든 푸시 절차를 실행하는 함수를 넣습니다.

for (procedure in window.domReady) {
    window.domReady[procedure].call();
}

닫는 태그 전에 문서의 마지막 줄이되므로 DOM이 준비되며 모든 이미지가로드 될 때까지 기다릴 필요가 없습니다.

다른 팁

좋아, 나는이 작은 jQuery를 발견했다.

$(document).ready(function() {
  //Call your function here
});
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top