HTML 문서에서 JavaScript 함수를 호출하는 방법은 여러 가지가 있으며, 이 역시 어려운 작업이 아닙니다. 먼저, 우리는 가장 쉬운 방법 중 하나를 사용했습니다. 자바스크립트 HTML 문서의 기능:

이 방법에서는 HTML 문서의 헤드 섹션에 함수를 만들고 정의합니다. HTML 문서에서 이 함수를 호출하려면 간단한 버튼을 만들고 클릭하면 이벤트 속성(이벤트 핸들러)과 함께 버튼을 클릭하여 함수를 호출할 수 있습니다.

더 명확하게 이해하기 위해 주어진 프로그램을 살펴보겠습니다.

프로그램

 functionmyfunction() { alert(&apos;how are you&apos;); } <p>Click the following button to see the function in action</p> 

프로그램 설명

위에 주어진 프로그램에서 우리는 간단한 HTML 문서를 만들었습니다. HTML 문서의 헤드 섹션 내에서 함수( 예: myfunction();) 스크립트 태그 내부 ... .

 function myfunction() { alert('how are you'); } 

반면에 본문 섹션 내부에는 일부 텍스트를 표시하고 버튼을 만들었습니다. 함수를 호출하기 위해 다음을 사용했습니다. 클릭하면 버튼과 함께 속성을 추가하고 사용자가 해당 버튼을 클릭하면 함수가 실행되고 출력에서 ​​볼 수 있듯이 경고 메시지가 표시됩니다.

다음 버튼을 클릭하면 해당 기능이 작동하는 모습을 볼 수 있습니다

산출

인터넷 브라우저 설정

외부 JavaScript 파일을 사용하여 함수 호출

HTML 문서에 첨부된 외부 JavaScript 파일을 사용하여 JavaScript 함수를 호출할 수도 있습니다. 이를 위해 먼저 JavaScript 파일을 생성하고 그 파일에 함수를 정의한 후 (.Js) 확장자로 저장해야 합니다.

JavaScript 파일이 생성되면 간단한 HTML 문서를 생성해야 합니다. HTML 문서에 JavaScript 파일을 포함하려면 script 태그를 사용해야 하며 'src' 속성에 JavaScript 파일이 저장된 경로를 제공해야 합니다. 외부 JavaScript 파일을 HTML 문서에 연결한 후 버튼을 만들고 호출할 수 있습니다. 기능 사용하여 '클릭' 그것으로 속성을 지정합니다.

프로그램의 도움으로 이를 이해해 봅시다:

프로그램

다음 버튼을 클릭하면 해당 기능이 작동하는 모습을 볼 수 있습니다

프로그램 설명

위 프로그램에서는 먼저 JavaScript 파일을 생성하고 그 안에 함수를 정의한 다음 . JS 확대.

Function.js

 functionmyfunction() { document.write('welcome to Javatpoint'); } 

JavaScript 파일을 생성한 후 HTML 문서를 생성하고 . HTML 문서와 JavaScript 파일을 동일한 폴더에 저장했기 때문에 head 섹션에 전체 경로를 제공하는 대신 'scr' 속성에 JavaScript 파일 이름을 지정했습니다.

본문 섹션 안에 일부 텍스트를 표시하고 버튼을 만들었습니다. 함수를 호출하기 위해 다음을 사용했습니다. 클릭하면 버튼과 함께 속성을 추가하고 사용자가 해당 버튼을 클릭하면 함수가 실행되고 출력에서 ​​볼 수 있듯이 경고 메시지가 표시됩니다.

preg_match

다음 버튼을 클릭하면 해당 기능이 작동하는 모습을 볼 수 있습니다

산출

이제 주어진 버튼을 클릭하십시오 :