HTML에서 JavaScript 함수를 호출하는 방법은 무엇입니까?
- PHPz앞으로
- 2023-09-14 09:53:041474검색
이 기사에서는 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>Output
위 프로그램은 다음과 같은 결과를 생성합니다. "여기를 클릭하세요!" 버튼을 클릭하면 경고가 발생하고 "안녕...Javascript 함수가 호출되었습니다."라는 메시지가 표시됩니다.
위 내용은 HTML에서 JavaScript 함수를 호출하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제