일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- Short
- 스프링
- 인텔리제이
- 제네릭
- wrapper
- 콜렉션
- 싱글턴
- 제너릭
- https://start.spring.io
- 자동형변환
- unboxing
- start.spring.io
- 루프
- 내장객체
- dependency
- maven
- bootstrap
- 컬렉션
- suvlet
- boxing
- Scanner
- 메소드
- 박싱
- 언박싱
- 클래스
- Jenkins
- 빌드
- Java
- 싱글톤
- 무한
Archives
- Today
- Total
Developer Gonie
[8주차] 4. 자바스크립트, document.write() 화면출력 함수 본문
K-DigitalTraining 강의/6. Javascript(웹표준)
[8주차] 4. 자바스크립트, document.write() 화면출력 함수
이대곤 2022. 7. 1. 17:24화면에 출력하는 함수
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태그를 출력해 테이블을 만들어본 예시
'K-DigitalTraining 강의 > 6. Javascript(웹표준)' 카테고리의 다른 글
[8주차] 6. 자바스크립트, window.confirm() '대화상자' 확인 취소 버튼이 있는 창을 띄우는 함수 (0) | 2022.07.01 |
---|---|
[8주차] 5. 자바스크립트, window.prompt() '대화상자' 사용자입력을 받는 창을 띄우는 함수 (0) | 2022.07.01 |
[8주차] 3. 자바스크립트, 변수선언 방법 2가지 및 지역변수/전역변수 혼용시 주의점 (0) | 2022.06.30 |
[8주차] 2. 자바스크립트, 주석 작성 방법 (0) | 2022.06.30 |
[8주차] 1. 자바스크립트, html 내에서 작성하는 방법 (0) | 2022.06.30 |
Comments