[8주차] 4. 자바스크립트, document.write() 화면출력 함수

화면에 출력하는 함수

java의 System.out.print()와 비슷한 기능을 하는 함수로

html에서는 화면 영역을 document라고 부르는데 여기에 출력하는 함수이다.

 

* 이 함수를 이용해 html의 태그를 출력하면 html을 직접 작성한 것과 같은 효과를 가진다.

  단순 문자열을 브라우저에 출력하는 것도 가능하다.

 

* 또한, java에서는 System.out.print()의 인자로 문자열을 연결하는 '+' 연산자를 사용할 땐

  모두 같은 문자열 타입이어야만 했는데 javascript에서는 서로 다른 타입이어도 연결이 가능하다.
  '문자열 + 문자열',  혹은 '문자열 + 숫자'의 경우 문자열을 연결하며, '숫자 + 숫자'의 경우 덧셈연산을 수행한다.

document.write();

단순 문자열을 출력해본 예시

서로 다른 타입을 '+' 연산자로 연결시켜 출력해본 예시

document.write() 함수 내에서 string 타입과 number 타입을 '+' 연산자로 연결하였는데 java와 달리 이런 문법이 통한다.

만약 number 타입의 두 숫자를 '+' 하는것을 파라미터로 준다면 진짜로 숫자 덧셈 연산이 수행된다는 것에 주의하자.

s = "10";
document.write(typeof(s) + "<br>"); 	// string
		
num = 3
document.write(typeof(num) + "<br>"); // number
		
document.write(s + num + "<br>");	 // 103

HTML태그를 출력해 테이블을 만들어본 예시