자바스크립트 1

• JavaScript는 동적으로 콘텐츠를 바꾸고, 멀티미디어를 제어하고, 애니메이션을 추가하는 등 거의 모든 것을 만들 수 있는 스크립팅 언어이다.
• HTML 문서 안에 자바스크립트 소스를 작성하면 웹문서가 복잡해보인다. 그래서 외부 스크립트 파일로 저장해서 웹 문서와 연결하는 방법을 주로 사용한다.

외부 스크립트 파일로 연결해서 자바스크립트 작성하기

1. 외부 자바스크립트 파일은 script 태그 없이 자바스크립트 소스만 작성하고 확장자는 *.js 파일로 저장함.

2. HTML 문서에서 script 태그의 src 속성을 이용해 자바스크립트 파일을 연결

기본형 <script src "외부 스크립트 파일 경로"></script>

기본 입출력 방법

1. 알림창 출력

• 웹 브라우저에서 작은 알림창을 열어 메시지를 표시

alert("안녕하세요");

2. 확인창 출력

• 확인창은 [확인]이나 [취소] 버튼 중에서 직접 클릭 가능

var reply = comfirm("이미지를 바꾸시겠습니까?");

3. 프롬프트 창에서 입력받기

• 기본값을 지정하거나 지정하지 않을 수 있다. (지정하지 않을 때는 빈 텍스트 필드로 표시)

var name = prompt("이름을 입력하세요","홍길동" );

4. 웹 브라우저 화면에 출력을 담당하는 document.write()문

• document.write()의 괄호 안에는 실제 웹브라우저 화면에 표시할 내용이나 어떤 결과값이 저장된 변수를 넣을 수 있다.
• 따옴표 안에 HTML 태그도 함께 사용할 수 있다.

document.wirite("<h1>안녕하세요</h1>");

5. 콘솔 창에 출력하는 console.log()문

• console.log()문의 괄호 안에는 변수나 따옴표 사이에 텍스트를 넣을 수 있다.
• 따옴표안에 HTML 태그는 사용할 수 없다.

var name = prompt("이름을 입력하세요" );
console.log(name + "님, 환영합니다.");