HTML에서 JavaScript 함수를 호출하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

HTML에서 JavaScript 함수를 호출하는 방법은 무엇입니까?

PHPz

풀어 주다： 2023-09-14 09:53:04

앞으로

1456명이 탐색했습니다.

이 기사에서는 HTML 템플릿에서 JavaScript 함수를 호출하고 초기화하는 방법을 살펴보겠습니다. 전달된 입력에 대해 필요한 메서드를 수행하려면 JavaScript 함수가 필요합니다.

이 튜토리얼에서는 HTML 페이지에서 JavaScript 함수를 호출하는 두 가지 주요 방법에 대해 설명합니다.

첫 번째 방법에서는 간단한 입력 태그와 이에 연결된 제출 버튼을 사용하겠습니다. 버튼을 클릭하면 경고로 화면에 대화 상자 팝업이 표시됩니다. 이 버튼을 클릭하면 JavaScript 함수가 호출되어 경고를 표시합니다.

방법 1

먼저 입력 태그 옆에 있는 버튼을 선택하세요.
버튼을 클릭하면 JavaScript 함수에서 알림으로 선언된 대화 상자가 화면에 나타나는 것을 볼 수 있습니다. .
clickEvent() 함수를 사용하면 onclick() 메서드를 사용하여 이 버튼을 클릭할 때 경고()를 실행할 수 있습니다.

예제 1

#index.html

<!DOCTYPE html>
<html>
<body>
   <h1 style="color: green;">
      Welcome To Tutorials Point
   </h1>
   <input type="button" onclick="clickEvent();" value="Click Here !" />
   <script>
      function clickEvent() {
         alert("Hey... The Javascript function is invoked.");
      }
   </script>
</body>
</html>

로그인 후 복사