> 웹 프론트엔드 > JS 튜토리얼 > 'onload' 속성 없이 페이지 로드 시 JavaScript 함수를 호출하는 방법은 무엇입니까?

'onload' 속성 없이 페이지 로드 시 JavaScript 함수를 호출하는 방법은 무엇입니까?

Susan Sarandon
풀어 주다: 2024-11-24 16:17:22
원래의
691명이 탐색했습니다.

How to Call a JavaScript Function on Page Load Without the `onload` Attribute?

onload 없이 페이지 로드 시 JavaScript 함수 호출

전통적으로 body 요소의 onload 속성은 페이지가 완전히 로드되었을 때 JavaScript 함수를 실행하는 데 사용되었습니다. 그러나 JSP 조각과 같은 일부 프레임워크는 onload 속성을 추가하기 위한 본문 요소를 제공하지 않습니다. 이로 인해 질문이 제기됩니다. jQuery를 사용하지 않고 페이지 로드 시 JavaScript 함수를 호출할 수 있는 다른 방법이 있습니까?

해결책: 익명 함수 onload

직접 할당하는 대신 onload 속성에 대한 JavaScript 함수를 익명 함수에 바인딩할 수 있습니다. 그런 다음 페이지가 로드될 때 이 익명 함수를 호출할 수 있습니다.

window.onload = function() {
  yourFunction(param1, param2);
};
로그인 후 복사

이 접근 방식을 사용하면 의도한 함수에 매개변수를 전달할 수 있어 잠재적으로 더 다양한 용도로 사용할 수 있습니다. 필요한 경우 익명 함수 내에서 여러 함수를 실행할 수도 있습니다.

이 솔루션은 페이지가 완전히 로드되면 window.onload 이벤트 리스너를 사용하여 JavaScript 코드를 실행한다는 점을 기억하세요. body 요소를 사용할 수 없을 때 onload 속성에 대한 편리하고 유연한 대안입니다.

위 내용은 'onload' 속성 없이 페이지 로드 시 JavaScript 함수를 호출하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿