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

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

WBOY
풀어 주다: 2023-08-29 20:41:05
앞으로
1148명이 탐색했습니다.

요소가 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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿