quantumcode

  • 홈
  • 태그
  • 방명록

window onload 1

document ready VS window onload

브라우저가 랜더링 되는 과정 1. HTTP 통신을 통해서 파일 로딩 2. HTML 파일을 파싱 3. 랜더트리구축 4. 랜더트리배치 5. 화면에 그리기 위 순서대로 브라우저는 랜더링 과정을 거쳐서 클라이언트는 브라우저화면을 통해 웹정보를 확인 할 수 있다. jquery의 $(document).ready() 의 경우 DOM이 로드된 시점 즉 3번에 해당하면 배치와 그리기가 완료 되지 않은 상태에서 실행문을 실행된다. 반면 window.onload의 경우 랜더링이 완료된 시점에서 실행구문이 실행된다. DOM 요소를 조작하는 코드를 head 영역에서 실행할 경우 아래와 같이 해당 DOM 요소 배치 되지 않았기때문에 노출할 수 없다. javascript는 인터프리터 언어이기 때문에 html 코드의 상단에서 부터 ..

웹코딩/javascript 2022.02.17
이전
1
다음
더보기
프로필사진

quantumcode

  • 분류 전체보기 (69)
    • 그래픽 (3)
    • 웹코딩 (38)
      • javascript (10)
      • jquery (2)
      • html (5)
      • css3 (19)
      • php (2)
    • 웹프레임워크 (11)
      • vue.js (10)
    • 웹정보 (12)
    • python (0)
    • 웹기획 (3)
    • 자료실 (1)

Tag

firestore, css 여백 제거, 텍스트 여백 제거, php변수 html로 전달, CSS, beforerouterenter, slickslider, async, clipboard copy, javascript, HTML, css3, Firebase, 선택자, vue.js, vim, meta tag attribute, curl데이터 가져오기, sass:map, :part(),

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/08   »
일 월 화 수 목 금 토
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
31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바