window.onload 예제

$(document).ready()는 DOM이 준비되었는지 또는 이전 브라우저에서 readyState 문서 변수인지 확인하기 위해 최신 브라우저 API 이벤트 DOMContentLoaded를 사용하여 DOM이 완전히 로드되고 준비되었는지 확인해야 하는 경우 가장 적합한 후보입니다. 반대로 $(window).load() 및 window.onload는 페이지와 리소스가 로드되었는지 확인하기 위해 만들어지며, 리소스는 이미지, 텍스트, CSS 스타일 및 스타일 시트 및 JavaScript 파일이므로 DOM이 준비되었는지 확인하려면 $(USD)보다 느릴 수 있습니다. 문서).ready() . 나는 당신의 것과 같은 플러그인LoadEvent 이벤트 처리기를 사용하지 않는 origional window.onload와 페이지를 썼다. 그 후 나는 2 완전히 별도의 온로드를 썼다. 이벤트 처리기와 유사합니다. 다음으로 나는 한 5 번 을 호출 한 다음 원래 후 10 통화를 만드는 두 번째 5 추가 시간을 호출합니다. 각 이벤트는 IE “I`m event 1”, “I`m event 2”, “I`m event 3″인 이벤트를 콘솔에 인쇄하는 것이었습니다. 나는 이것이 왜 window.onload가 작동하지 않았는지에 대한 인터넷 검색을 많이 절약했다고 생각합니다. 다행이 두 번째 구글 결과였다. 고마워요! (결국 나는 jQuery의 $(문서).ready 함수를 사용했기 때문에 이 기능을 훨씬 더 간단하게 ????. 이제 워드 프레스 (또는 다른 기술) 플러그인 / 테마에서 위의 코드를 사용한 경우를 고려하십시오. 플러그인은 이미 다른 플러그인이 있는 웹 사이트에 설치, 테마 등 사전 설치 또는 설치 될 예정.

다른 플러그인, 테마는 또한 그들의 기능을 hooked window.onload 이벤트, 온로드 이벤트에 연결 된 마지막 함수만 웹 페이지로드 때 실행 됩니다. 훌륭한 조언과 예. 추가 설명하시기 바랍니다. 나는 무슨 일이 일어나고 있는지 알아내려고 노력하고 있다. 모질라에 읽은 후 나는 윈도우로드 이벤트가 발생하면 온로드가 호출됩니다 하지만 온로드 이벤트를 사용하여 muliple 플러그인이있는 경우 정말 무슨 일이 일어나는지 믿는다? 둘째 , $(document).ready() 및 $(window).load()는 jQuery 메서드이며 순수JavaScript 메서드가 아니므로 이를 사용하려면 jQuery 라이브러리를 포함해야 합니다. 그러나 window.onload는 외부 라이브러리없이 사용할 수있는 순수한 자바 스크립트 방법입니다 예를 들어, 일부 웹 사이트에 설치된 다른 플러그인이 windows.onload 이벤트에 후크 된 다음 함수가있는 경우 그 이유는 스크립트가 좌표를 얻고 싶을 수 있기 때문입니다. 위의 예와 같이 요소의 다른 스타일 종속 속성입니다. 당연히 스타일이 로드될 때까지 기다려야 합니다. 아래 예제는 모든 이미지에 대 한 window.onload 대기 때문에 이미지 크기를 올바르게 표시 합니다.

일반적으로 다음과 같은 코드에서 window.onload를 사용 합니다. 렌더링. 다음 번에 코드에서 window.onload 이벤트를 사용하는 동안 코더가이 점을 염두에 두도록 여기에 해당 문제를 강조 표시합니다. oldOnLoad 는 window.onload func() 의 이전 실행이 되어 코드를 사용하여 플러그인의 이벤트가 됩니다.

Shares

Posted on 2nd August 2019 in Uncategorised

Share the Story

About the Author

Back to Top
Shares