03/14-1

Posted by:

|

On:

|

Date 객체-날짜와시간 관련

  • get : 현재 날짜나 시간 관련 들고옴
    • FullYear:년/Month:월/Date:일/Hours:시/Minutes:분/Seconds:초/Day:요일(일요일-0,토요일-6)/Time(1970년1월1일00:00:00UTC부터 경과 시간(m초) 값으로 나옴
    • 일은 1부터 시작하고, FullYear도 년도값을 받는다. 그 외는 0부터 시작한다
    • (0월(실질적으로는 1월)~11월(실질적으로는 12월),00시~23시,00분~59분,00초~59초,000ms~999ms, 0)
    • UTC를 붙인다면 표준협정시(대한민국은 +9:00:00) 기준으로 한다. 예를 들어 대한민국에서 10시이면 표준협정시는 1시이다.
  • set : 날짜나 시간의 일부를 지정함

Math 객체

  • 상수-E(오일러 상수≒2.718),LN2(ln2≒0.693),LN10(ln10≒2.302),PI(원주율),SQRT1_2(1/2제곱근≒0.707),SQRT2(제곱근≒1.414),LOG10E(log_10(e)≒0434),LOG2E(log_2(e)≒1.442)
  • 함수
    • random() : 0~1 난수
    • floor() : 해당수보다 작거나 같은 정수 중 제일 큰 수(버림)
    • round() : 해당수에 제일 가까운 정수(반올림)
    • ceil() : 해당수보다 크거나 같은 수 중 제일 작은 수(올림)

Number 객체 : number로 접근해서 쓰는 함수와 속성이 존재, 객체로 만들어서 접근하는 함수가 있다.

  • toFixed(n) : 소수점 이하 n번째에서 반올림함. n이 없다면 첫째자리에서 반올림

래퍼 객체 : Numer,String 같은 원시 자료형을 임시로 객체로 만드는 것. 참조가 끝나면 만들었던 기능은 소멸

screen 객체 : 사용자의 디스플레이의 화면에 대한 다양한 정보를 저장하는 객체

location 객체 : 현재 브라우저에 표시된 HTML 문서의 주소를 얻거나, 브러우저에 새 문서를 불러 올 때 사용

  • href : 해당 페이지의 주소를 가져온다

history 객체 : 브라우저의 히스토리 정보를 문서와 문서 상태 목록으로 저장하는 객체

  • go(n) : n만큼 이동함. 빈 값이나 0이면 제자리이므로 새로고침, 양수면 그 숫자만큼 앞으로 이동, 음수면 그 숫자만큼 뒤로 이동
  • back(),forward() : back은 전 페이지, forward는 다음 페이지 로 이동

대화 상자 : 사용자에게 보여줄 수 있는 간단한 대화 상자를 만드는 함수 : alert(),confirm(),prompt()

document 객체 : 웹피이지 그 자체를 의미

  • queryselector(#id명) : id명에 해당하는 태그를 가져옴(class는 .class명)
  • console.dir : 문서 객체를 객체형태로 출력해서 보여줌
  • createElement(HTML태그) : 생성

node : 모든 DOM은 node라고 불리는 계층적 단위에 정보를 저장

  • htmlCollection과 다른점 : htmlCollection은 element타입의 노드만 저장되고 node는 모든 타입이 저장 될 수 있다.
  • DOM객체의 내용을 text/element/attr로 구분. 객체를 글자,태그,속성 구분하는 단위
  • childNodes에서 태그와 글자로 구분되어 들어가 있음.

노드로의 접근

부모 : parentNode,parentElement

자식 배열 : childNodes,children

첫번째,마지막 배열 : firstChild~,firstElementChild

형제 : nextSibling,nextElement – 전이면 previous

각 부모나 형제로 접근 한 뒤(변수에 할당) 그 속성에서 다시 부모나 형제자식으로 접근 가능하다