HTML 페이지 로딩 과정
① 브라우저는 HTML 페이지 로드 전 빈 상태 document 생성
② 브라우저는 HTML 페이지를 위에서 아래로 해석
③ HTML 태그들을 document 객체에 담아간다(DOM 객체 생성).
④ </html> 태그를 만나면 document 객체를 완성하고 닫는다.
1. write()
document 객체에 담긴 HTML 콘텐츠 마지막에 HTML 태그들을 추가
- 추가되는 HTML 태그들은 DOM 객체로 바뀌고 DOM 트리에 추가
- 삽입된 HTML 태그들이 브라우저 화면에 출력
예)
2. writeln()
- HTML 텍스트에 '\n'을 덧붙여 출력. 한 칸 띄는 효과
- 한줄을 띄려면
1
2
3
4
5
6
7
8
9
10
11
12
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
아무때나 클릭하세요.
</body>
</html>
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter
|
http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white">cs |
'화면구현' 카테고리의 다른 글
문서의 동적 구성 (0) | 2020.03.12 |
---|---|
document의 열기와 닫기, open()과 close() (0) | 2020.03.12 |
this, document, DOM 객체 찾기 (0) | 2020.03.12 |
HTML DOM(Document Object Model) (0) | 2020.03.11 |
(Javascript) Date 객체, String 객체, Math객체, object 객체 (0) | 2020.03.11 |