본문 바로가기
HTML, CSS, JS

2022-09-29 Date객체, Array객체, String객체, BOM객체

by HTT 2022. 9. 29.
javascript 내장객체


 

1. string객체


       - 문자열
       문자열을 조작하기 위해 필요한 메소드들을 제공


2. Math객체
   - 수학, 삼각과 관련 기능을 제공하는 객체


3. Date객체
   - 날짜와 시간에 대해 다룰 수 있도록 기능을 제공하는 객체


4. Arrays객체
   - 배열을 관리하는 객체
   배열
   동일한 성격을 갖고 있는 동일한 타입의 데이터를 여러 개 다룰 때 적합한 구조
   (1)배열의 생성
   var 변수명 = new Arrays(요소의 갯수)
   
   (2)배열의 초기화
   배열의 요소에 값을 저장
   배열변수명[index]    = 값
          ------  ===> 배열의 요소 순서번호 : 0번부터 시작
          
   - 배열의 속성
   length
   배열변수.length
....


   

 

 

 

javascript Browser객체 (BOM - Browser Object Model)

 



   - 브라우저를 구성하는 구성요소를 객체로 관리


   - 브라우저로 실행된 결과 화면을 구성하는 구성요소의 형태로 접근
     window, history, location, document, form객체, test, password, check, radio, select, image...


   - 공식표준은 없다


   - 기존의 자바스크립트에서 form관련 객체를 접근하기 위해서 name속성을 정의해서 접근 - 표준방법을 활용하여 접근
     <body>
      <form name="myForm">
      <input type="text" name="id"/>
      </form>
     </body>
     위의 html문서에서 text를 접근하고 싶은 경우 
     window.document.myform.id
     ----------------
         |_ BOM을 이용하면 window.document는 늘 접근해야 하는 객체이므로 생략이 가능
            window객체는 생략가능, document는 경우에 따라서 가능
            
   - 모든 브라우저객체는 계층구조를 가지고 있다.


   - 모든 브라우저객체는 계층구조를 가지고 있다.


   - 객체를 접근하기 위한 표준방법을 활용해서 접근
      id,tag,class명등으로 접근(DOM의 접근방법을 활용하는 것이 표준

댓글