HTML 본문에 JavaScript 함수 호출

Valentine Kagwiria 2022년1월15일

JavaScript JavaScript Function

이 기사에서는<script>태그를 사용하여 HTML 본문에서 실행할 JavaScript 함수를 호출하는 방법을 설명합니다. 또한 JavaScript 파일에서 함수를 만들고 HTML 파일에 연결하는 방법도 보여줍니다.

HTML `<script>`태그에서 JavaScript 함수 호출

JavaScript 함수를 사용하는 경우 HTML 본문에서 호출하기에 가장 좋은 위치 중 하나는 <script> 태그입니다. 먼저 별도의 JavaScript 파일 (특히 대형 프로그램의 경우 가장 권장 됨)에서 함수를 만든 다음 아래에 표시된대로head섹션의 HTML 파일에 연결해야합니다.

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src=thisfile.js'> </script>
    <title>sometext</title><meta charset="utf-8"/>
</head>
<body>
</html>

HTML의head섹션에서 함수 또는 JavaScript 코드를 만들고 정의 할 수도 있습니다. 그런 다음 아래와 같이 스크립트 태그를 사용하여 본문 섹션에서 호출해야합니다.

<script> thisFunction();</script>

예를 들어, JavaScript 함수runtable(); HTML 테이블을 채우기 위해 생성 된 이름은 다음과 같습니다.

<table>
  <tr>

    <th>Student</th>

    <th>Grade</th>    

  </tr>

   runtable();

</table>

HTML <script>태그에서 JavaScript 함수 호출

관련 문장 - JavaScript Function

HTML `<script>`태그에서 JavaScript 함수 호출