JS 오브젝트 모델, 객체 등

박현우·2024년 2월 1일

HTML_CSS_JAVASCRIPT

목록 보기
10/16

  1. 웹브라우저와 Javascript
  • 웹에 올라가는 것은 html, css, javascript
  1. HTML에서 자바스크립트 로드하기
  • inline 방식
    -> 직접 자바스크립트를 기술하는 방식. 장점은 태그에 연관된 스크립트가 분명하게 드러난다는 점. 단점은 HTML 태그와 JS가 섞여있기 때문에 유지보수가 어렵다.

  • script 방식
    ->

  1. Object Model
  • window
    -> window객체는 DOM을 포함한 브라우저의 창을 나타낸다.
    -> 자바스크립트의 모든 객체, 전역 함수, 전역 변수들은 자동으로 window 객체의 프로퍼티가 된다.
    -> 자바스크립트의 전역 개체이면서 동시에 웹브라우저의 창이나 프레임을 제어하는 역할을 한다.

  • DOM
    -> Document Object Model

  • BOM
    -> Browser Object Model

  • Javascript Core

  1. location 객체
  • location 객체는 문서의 주소와 관련된 객체로 window 객체의 프로퍼티다.
  • 이 객체를 이용해서 윈도우 문서 url을 변경할 수 있고, 문서의 위치와 관련해서 다양한 정보를 얻을 수 있다.
  1. 특정 HTML 요소를 객체 형태로 가져오기
  • document.getElementsByTagName
  • document.getElementsByClassName
  • document.getElementById

0개의 댓글