JS 파일의 함수를 호출하는 HTML 코드

작가: Judy Howell
창조 날짜: 1 칠월 2021
업데이트 날짜: 19 1 월 2025
Anonim
WEB2 JavaScript - 3. HTML meets JS: script tag
동영상: WEB2 JavaScript - 3. HTML meets JS: script tag

콘텐츠

웹 페이지는 외부 파일의 코드를 쿼리 할 수 ​​있습니다. 이를 통해 개발자는 ".js"파일에 저장된 JavaScript 함수를 호출 할 수 있습니다. HTML 웹 페이지의 "head"섹션에서 링크는 JavaScript 파일의 내용을 가져올 수 있습니다. "본문"섹션에서 HTML 마크 업에는 페이지에 포함 된 모든 JavaScript 파일에서 브라우저가 함수를 호출하는 지침이 포함될 수 있습니다. 웹 페이지는 페이지에서 사용자와의 상호 작용이있을 때 이러한 기능을 호출합니다.


페이지의 사용자 상호 작용은 일반적으로 함수의 실행을 트리거합니다. (Hemera Technologies / AbleStock.com / 게티 이미지)

스크립트 링크

외부 JavaScript 파일에서 함수를 사용하려면 웹 페이지에 파일 링크가 있어야합니다. 다음 HTML 마크 업 예제는 HTML의 "head"섹션에 나열된 JavaScript 파일에 대한 링크를 보여줍니다.

이 코드는 해당 페이지와 동일한 디렉토리에 저장된 "myfuncoes.js"라는 파일의 기능을 페이지에서 사용할 수있게합니다. 스크립트의 주소가 다른 위치에 있으면이 코드는 "src"속성에 위치를 반영해야합니다.

기능 개요

JavaScript 함수를 호출하려면 함수의 개요를 알아야합니다. 이를 확인하려면 자바 스크립트 파일에서 함수를 찾고 첫 번째 줄을 살펴보십시오. 다음 JavaScript 코드 예제는 함수의 스케치를 보여줍니다.

function facaAlgoDeBom ()

이 함수를 호출하려면 웹 페이지의 JavaScript 코드가 다음 코드 스 니펫과 같이 함수의 이름을 사용해야합니다.

facaAlgoDeBom ();

이 코드가 실행되면 함수의 내용이 실행됩니다.

HTML 마크 업

HTML에서 JavaScript 함수를 호출하려면 프로그래머가 함수를 실행할시기를 결정해야합니다. 종종 HTML 요소와 사용자의 상호 작용 전에 함수가 수행됩니다. 이 기술은 속성을 통해 HTML 요소에 연결할 수있는 이벤트 리스너를 사용합니다. 아래 코드는 사용자가 요소를 클릭 할 때 실행되는 JavaScript 함수를 지정하는 방법을 보여줍니다.


사용자가이 버튼을 클릭하면 브라우저가 지정된 기능을 찾은 다음 실행합니다.

옵션

개발자는 함수 호출을 함수의 세부 사항에 맞게 조정해야합니다. 일부 함수는 실행이 끝나면 매개 변수와 일부 반환 값을 필요로합니다. 다음 예제에서는 매개 변수를 사용하여 값을 반환합니다.

함수 곱하기 (InitialNumber) {return InitialNumber * 5; }

다음 발췌에서는이 함수를 호출하고 반환 값을 사용하는 방법을 보여줍니다.

var result = 곱하기 (3); document.write (결과);

코드는 함수에 숫자 값을 전달하고 다른 반환 값을받습니다. 반환 된 값을 변수에 저장 한 다음 해당 반환 값을 다른 렌더링에서 사용합니다.

SIM 카드 : 64K Vs. 128K

Monica Porter

1 월 2025

"가입자 식별 모듈"( "가입자 식별 모듈"또는 IM에서 번역)은 일부 휴대 전화 및 전자 장치에 맞는 작은 카드입니다. 개인 신상 정보, 주소 및 기타 용도로 사용됩니다. IM 카드는 1991 년 출시 된 이후 Gieecke & Devrient가 개발하여 최초 칩을 출시했습니다. 64K와 128K IM 카드의 주...

바이오 매스 발전기는 대체 에너지 원입니다. 박테리아가 유기 물질을 소화하고 소비 할 때, 바이오 제품은 메탄, 이산화탄소 및 기타 가스 미량입니다. 메탄은 태울 때 에너지를 생성 할 수있는 원천입니다. 에너지 가격이 급격히 상승함에 따라 바이오 매스는 일반적인 생산 수단의 대안이되고있다. 직접 바이오 매스 발전기를 만들 수 있습니다. 메탄은 박테리아에 의...

사이트 선택