[JS] 16 - 웹페이지와 JavaScript

Jang·2022년 9월 7일

학원

목록 보기

8/26

JavaScript 코드는 <script></script> 태그 안에서 작성된다.
HTML 문서의 어느곳에서나 존재할 수 있다.

<head> 태그 안에 JS코드가 위치하는 경우
1. 웹 브라우저가 HTML 파일을 실행하는 과정에서 JS소스를 인식하고 JS코드를 해석한다.
  만약
2. HTML 코드를 해석한다.
  해석이 끝나면 웹 브라우저 화면에 결과가 표시된다.
3. JS 코드를 실행하기 위해 다시 JS 코드가 정의된 블록으로 이동한다.
<body> 태그 마지막에 JS코드가 위치하는 경우 -- (주로 쓰는 방법)
1. JS 코드가 없기 때문에 웹 브라우저는 안의 HTML 태그를 바로 해석하기 시작한다.안의 내용이 웹 브라우저 화면에 표시된다. 즉, JS 파일을 다운로드 받거나 JS 코드를 해석하기 전에 사용자에게 UI를 먼저 제시할 수 있기 때 문에 체감 실행 속도가 빨라진다.
2. HTML 코드의 해석을 먼저 끝낸 후에 JS 코드의 해석이 진행되고 실행된다.
  JS코드를 위해 되돌아갈 필요가 없기 때문에 전체적으로 실행속도가 단축된다

BOM (Browser Object Model)
- 웹 브라우저를 통해 실행될 때 Javascript가 갖게되는 기본 객체 구조.
  모든 객체는 window 객체의 하위 객체로서 존재한다.
DOM (Document Object Model)
- HTML 문서 구조(DOM)을 제어하기 위해 제공되는 객체 구조. BOM의 하위 요
  소중 하나이다.

css 구체성 단위

tag : 1점

class : 10점

id : 100점

!important : 무조건 우선순위