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

작가: Judy Howell
창조 날짜: 1 칠월 2021
업데이트 날짜: 17 십일월 2024
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 (결과);

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

스테이플이 올바른 방향으로 배치되지 않았거나 필요한 것을 스테이플하지 않거나 종이가 찢어 질 것처럼 보이면 스테이플은 매우 실망 스러울 수 있습니다. 종이는 다소 약하지만 스테이플은 리무버로 쉽게 제거 할 수 있으며 찢어 지거나 깨지는 것을 방지 할 수 있습니다.종이가보기만큼 깨지기 쉬운 지 확인하십시오. 용지의 무게와 두께를 확인합니다. 깨지기 쉬울수록 ...

경수에있는 칼슘과 마그네슘은 알루미늄 팬에 석회 침전물을 남길 수 있습니다. 냄비와 팬을 씻은 후 즉시 건조시켜 이러한 잔여 물로 인한 얼룩을 방지 할 수 있지만 자국은 쉽게 제거 할 수 있습니다. 알루미늄은 내구성이 뛰어나고 잘 관리하면 몇 년 동안 지속될 수 있습니다.얼룩진 부분을 덮을만큼 충분한 양의 물과 식초를 팬에 넣습니다. 팬을 스토브에 놓고 혼...

우리가 추천합니다