Java Script 기초 - 출력방법, inner, write, alert, log, print

JavaScript 출력방법

JavaScript는 다양한 방식으로 데이터를 출력할 수 있다

1.  innerHTML을 사용하여 HTML 요소에 쓰기

2.  document.write() 사용

3.  window.alert()를 사용하여 경고상자에 작성

4.  console.log() 사용

 

 

innerHTML 

HTML 요소에 액세스 하기 위해 JavaScript는 document.getElementById(id)메소드를 사용하고
id는 HTML요소를, innerHTML은 HTML의 내용을 말한다

w3schools - JavaScript

id 가 demo인곳에 innerHTML로 인해 <p>5+6</p>으로 HTML코드가 변경이 되어 화면에 출력이 된다

 

 

document.write()

w3schools - JavaScript

document.write()는 테스트 목적으로 사용해야한다

 

w3schools - JavaScript

HTML 문서가 작성된 이후 사용하게 되면 위 사진처럼 기존 HTML이 사라진다

 

 

window.alert()

w3schools - JavaScript

 

경고 상자를 사용하여 데이터를 표시할 수 있고 window 는 전역 범위여서 생략이 가능하다

 

w3schools - JavaScript

실행결과는 위와 같이 나오게 된다

 

 

console.log()

w3schools - JavaScript

디버깅을 위해 console.log()브라우저에서 메서드를 호출하여 데이터를 표시할 수 있다

 

 

인쇄

w3schools - JavaScript

JavaScript에는 인쇄 개체나 인쇄 메서드가 없어 출력장치에 접근할 수 없다

유일한 예외는 window.print()브라우저에서 메서드를 호출하여 현재 창의 내용을 인쇄할 수 있다는 것이다

 

w3schools - JavaScript

버튼을 누르면 위와 같이 인쇄페이지가 나타나게 된다

 

 

 

 

 

w3schools - JavaScript 공부내용 정리