>  기사  >  웹 프론트엔드  >  요소가 HTML에 로드될 때 스크립트를 실행하시겠습니까?

요소가 HTML에 로드될 때 스크립트를 실행하시겠습니까?

WBOY
WBOY앞으로
2023-08-29 20:41:051115검색

요소가 HTML에 로드될 때 스크립트를 실행하시겠습니까?

이 기사에서는 HTML에서 요소를 로드한 후 스크립트를 실행하는 방법을 알아봅니다.

객체가 로드되면 onload 이벤트가 발생합니다. Onload는 웹 페이지가 모든 콘텐츠를 완전히 로드한 후 스크립트를 실행하기 위해

요소 내에서 가장 일반적으로 사용됩니다. 이는 쿠키를 확인하거나 사용자의 브라우저에 따라 적절한 페이지 버전을 설정하는 등 다양한 목적으로 사용될 수 있습니다.

이 기사를 자세히 살펴보고 HTML에서 요소를 로드한 후 스크립트를 실행하는 방법에 대해 자세히 알아보세요.

Onload 방식을 사용하세요

요소 로드가 완료되면 onload 이벤트가 발생합니다. 웹페이지가 완전히 로드된 후 스크립트를 실행하려면 body 요소와 함께 사용하세요.

문법

다음은 onload 메소드의 구문입니다.

으아아아

아래 예에서는 onload 메소드를 사용합니다.

으아아아

스크립트가 실행되면 이벤트가 실행되고 "성공적으로 로드되었습니다"라는 경고가 웹페이지에 표시됩니다.

사용자가 "확인"을 클릭하면 페이지가 성공적으로 로드되고 "튜토리얼 포인트에 오신 것을 환영합니다"라는 텍스트가 표시됩니다.

window.onload 메소드 사용

window 요소의 onload 속성은 웹페이지가 완전히 로드된 후 스크립트를 실행하는 데 사용됩니다. 웹페이지가 로드되면 이 기능은 onload 속성에 의해 활성화됩니다.

문법

다음은 window.onload 메소드의 구문입니다

으아아아

window.onload 메서드를 사용하는 다음 예를 고려해보세요.

으아아아

위 스크립트를 실행하면 출력 창이 팝업되고, 웹 페이지에서 이벤트가 실행되면 "창이 성공적으로 로드되었습니다"라는 경고가 표시됩니다.

사용자가 "확인"을 클릭하면 창이 성공적으로 로드되고 웹 페이지에 "Best Electronic Ways to Learn"이라는 텍스트가 표시됩니다.

위 내용은 요소가 HTML에 로드될 때 스크립트를 실행하시겠습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제