js 파일 예제

Posted on

위의 상자의 오른쪽 모서리에 있는 “재생” 버튼을 클릭하여 예제를 실행할 수 있습니다. 이 파일은 위의 메모에 설명된 대로 다운로드한 MM_JAVASCRIPT3E 폴더의 chapter01 폴더에 있습니다. 그것은 매우 간단한 HTML 페이지, 외부 계단식 스타일 시트와 함께 약간의 시각적 흥분을 추가. 이 첫 번째 프로그램은 지구가 산산조각이 나는 복잡한 (또는 그 흥미로운) 아니지만, 그것은 중요한 개념을 보여줍니다 : 웹 브라우저는 자바 스크립트 코드에서 읽는 순간 자바 스크립트 프로그램을 실행합니다. 이 예제에서는 JavaScript 코드가 태그의 HTML 앞에 나타나기 때문에 웹 브라우저가 웹 페이지를 표시하기 전에 alert() 명령이 나타났습니다. 이 개념은 3장에서 배우는 것처럼 웹 페이지의 HTML을 조작하는 프로그램을 작성하기 시작할 때 나타납니다. 웹 페이지와 동일한 서버에 없는 파일을 가리키는 경우 절대 경로를 사용해야 합니다. 다른 웹 사이트를 가리킬 수있는 유일한 유형입니다. 외부 자바 스크립트 파일에서 설명한 대로, 당신은 일반적으로 하나 이상의 웹 페이지에 동일한 스크립트를 사용 하려는 경우 별도 파일에 자바 스크립트 코드를 넣어 거 야. 그런 다음 웹 페이지에 해당 파일을 로드하고 그 안에 JavaScript를 사용하도록 지시합니다. 외부 자바 스크립트 파일은 다른 사람의 자바 스크립트 코드를 사용할 때도 유용합니다.

특히 유용한 자바 스크립트 프로그래밍을 제공하는 라이브러리라는 자바 스크립트 코드 모음이 있습니다. 일반적으로 이러한 라이브러리를 통해 일반적으로 매우 어려운 작업을 쉽게 수행할 수 있습니다. 자바스크립트 라이브러리에 대한 자바스크립트 라이브러리에 대해 자세히 알아보고, 특히 이 책(및 웹의 대부분)에서 javaScript 라이브러리를 사용합니다. Mac에서 파일을 두 번 클릭하여 압축을 풀기만 하면 됩니다. 파일을 다운로드하고 압축을 풀면 컴퓨터에 MM_JAVASCRIPT3E라는 폴더가 있어야 하며 이 책의 모든 자습서 파일이 포함되어 있어야 합니다. 그림 1-6. Chrome의 자바스크립트 콘솔은 프로그램의 오류를 식별합니다. 오류 오른쪽에 나열된 파일 이름을 클릭하고 Chrome에서 오류(동그라미)가 있는 페이지를 간략하게 강조 표시합니다.

외부 자바 스크립트 파일은 일반적으로 문서의 태그 내에 배치됩니다. 그러나 이것은 필수품이 아닙니다. 요소를 문서의 아무 곳에나 배치할 수 있습니다. 자바 스크립트 코드가 많은 경우 별도의 파일에 넣을 수 있습니다.