콘텐츠
웹 페이지는 외부 파일의 코드를 쿼리 할 수 있습니다. 이를 통해 개발자는 ".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 (결과);
코드는 함수에 숫자 값을 전달하고 다른 반환 값을받습니다. 반환 된 값을 변수에 저장 한 다음 해당 반환 값을 다른 렌더링에서 사용합니다.