-
[javascript] 3. 출력(Output) - 자바스크립트 강좌Web/JavaScript 2015. 6. 13. 14:23
자바스크립트에서는 따로 출력이나 화면이 띄우는 기능을 가지고 있지 않습니다.
1. JavaScript Display Possibilities
자바스크립트는 다른 방식으로 자료를 출력합니다.
- window.alert()
- document.write()
- innerHTML
- console.log()
2. Using window.alert()
알림 박스를 이용하여 데이터를 출력할 수 있습니다.
123456789101112131415<!DOCTYPE html><html><body><h1>My First Web Page</h1><p>My first paragraph.</p><script>window.alert(5 + 6);</script></body></html>cs 3. Using document.write()
테스트 용도로, document.write()를 쉽게 사용할 수 있습니다.123456789101112131415<!DOCTYPE html><html><body><h1>My First Web Page</h1><p>My first paragraph.</p><script>document.write(5 + 6);</script></body></html>cs 4. Using innerHTML
HTML 요소에 접근하기 위해, 자바스크립트는 document.getElementById(id) 메소드를 사용할 수 있습니다.id 속성은 HTML 요소를 정의합니다. innerHTML 속성은 HTML 내용을 정의합니다.
1234567891011121314151617<!DOCTYPE html><html><body><h1>My First Web Page</h1><p>My First Paragraph.</p><p id="demo"></p><script>document.getElementById("demo").innerHTML = 5 + 6;</script></body></html>cs 5. Using console.log()
브라우저에서, console.log() 메소드를 통해 데이터를 출력할 수 있습니다.F12 키를 눌러 브라우저 콘솔을 활성화시키고, "Console" 메뉴를 선택하세요.
12345678910111213141516171819<!DOCTYPE html><html><body><h1>My First Web Page</h1><p>My first paragraph.</p><p>Activate debugging in your browser (Chrome, IE, Firefox) with F12, and select "Console" in the debugger menu.</p><script>console.log(5 + 6);</script></body></html>cs 'Web > JavaScript' 카테고리의 다른 글
[javascript] 6. 주석(Comments) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 5. 구문(Statements) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 4. 문법(Syntax) - 자바스크립트 강좌 (0) 2015.06.13 [javascript] 2.WhereTo - 자바스크립트 강좌 (0) 2015.06.13 [Javascript] 1. 소개(Introduction) - 자바스크립트 강좌 (0) 2015.06.13 [JavaScript] 웹페이지에서 스크롤 맨아래로 내려갔을때 추가 항목 로드(ex. facebook 타임라인 불러오기) JS / CSE (0) 2015.06.13
