-
[기초] - 자바스크립트 출력JavaScript/기본 1 2022. 1. 8. 16:47
- 자바스크립트 출력방법
- window.alert( ) 메소드
- HTML DOM요소를 이용한 innerHTML 프로퍼티
- document.write( ) 메소드
- console.log( ) 메소드
- window.alert( )
- 별도의 대화 상자를 띄어 사용자에게 데이터 전달
- 접두사 window 생략 가능
- HTML DOM요소를 이용한 innerHTML 프로퍼티
- document 객체의 getElementByID( )나 getElementByTagName( )등 메소드를 사용하여 HTML요소 선택
- 선택된 HTML요소의 내용이나 속성 값 변경
// HTML DOM요소를 이용한 innerHTML 프로퍼티 <!DOCTYPE html> <html lang = "ko"> <head> <meta charset="UTF-8"> <title>JavaScript Output</title> </head> <body> <h1> HTML DOM요소를 이용한 innerHTML 프로퍼티 </h1> <p id="text">이 문장을 바꿀 것입니다!</p> <script> var str = document.getElementById("text"); str.innerHTML = "이 문장으로 바뀌었습니다!"; </script> </body> </html>
- document.write( ) 메소드
- 웹 페이지가 로딩될 때 실행되면, 웹 페이지에 가장 먼저 데이터 출력한다.
- 웹 페이지의 모든 내용이 로딩된 후 document.write( )메소드가 실행되면, (예, 버튼 클릭 시)
웹 페이지 내에 먼저 로딩된 모든 데이터를 지우고 자신의 데이터를 출력하게 된다.
- console.log( ) 메소드
- 웹 브라우저의 콘솔을 통해 데이터 출력
'JavaScript > 기본 1' 카테고리의 다른 글
[타입] - 변수 (0) 2022.01.08 [타입] - 타입 변환 (0) 2022.01.08 [타입] - 기본 타입 (0) 2022.01.08 [기초] - 자바스크립트 적용 (0) 2022.01.08 [기초] - 자바스크립트 (0) 2022.01.08 - 자바스크립트 출력방법