HTML과 JavaScript는 웹 개발에 있어 두 가지 필수 기술입니다. HTML 마크업 언어를 통해 페이지 레이아웃을 표시할 수 있으며, JavaScript는 페이지를 더욱 동적이고 대화형으로 만듭니다. 이 기사에서는 HTML에서 JavaScript 메소드를 호출하는 방법을 소개합니다.
JavaScript 메서드는 필요할 때 호출할 수 있는 재사용 가능한 코드 블록입니다. HTML에서 JavaScript 메소드를 호출하는 두 가지 주요 방법이 있습니다.
HTML 태그에 "onclick" 속성을 추가하면 HTML에서 JavaScript 메소드를 직접 호출할 수 있습니다. 예:
<button onclick="alert('Hello World!')">点击我</button>
위 코드에서 버튼을 클릭하면 "Hello World!" 프롬프트 상자가 나타납니다. onclick은 "클릭 이벤트"를 의미하고 "alert('Hello World!')"는 프롬프트 상자를 팝업하는 JavaScript 메소드입니다.
HTML 태그에서 JavaScript 메서드를 직접 호출하는 것 외에도 이벤트 리스너를 통해 JavaScript 메서드를 호출할 수도 있습니다.
예를 들어 페이지가 로드된 후 JavaScript 메서드를 호출하여 페이지 스타일을 설정해야 합니다. HTML에 다음 코드를 추가할 수 있습니다.
<script> window.onload = function() { setPageStyle(); }; function setPageStyle() { // ... } </script>
위 코드에서는 페이지가 로드된 후 window.onload 이벤트 리스너를 통해 setPageStyle이라는 JavaScript 메서드를 호출합니다.
위의 두 메소드는 HTML에서 JavaScript 메소드를 호출하므로 JavaScript 코드는 "