[2024 신입부원 기초 스터디] 김지나 #5주차

01. window.onload()

: 해당 요소가 완전히 로드되었을 때, 자동으로 호출되는 함수를 지정하는 속성

- 웹 페이지에서 여러번 사용해도 하나만 적용됨

window.onload = () => {
	console.log("");
}

 

02. Date 객체

: 날짜와 시간을 위한 메소드를 제공하는 빌트인 객체, 생성자 함수

- 시간 메소드: getHours(), getMinutes(), getSeconds() ...

- 날짜 메소드: getFullYear(), getMonth(), getDate() ...

let date = new Date();
console.log(date); //현재 날짜, 시간 출력

 

03. innerText와 innerHTML

- innerText: Element의 속성. 해당 Element 내에서 사용자에게 보여지는 텍스트 값을 가져오거나 설정 가능

- innerHTML: Element의 속성, 해당 Element의 HTML, XML을 가져오거나 설정 가능

innerT.innerText="<div style='color:red>innerText</div>"; 
//기본 폰트로 <div style='color:red>innerText</div> 출력 (텍스트그대로!!)
innerH.innerHTML="<div style='color:red>innerHTML</div>";
//스타일 적용된 빨간색 폰트로 innerHTML 출력

 

04. setTimeout()

: 특정 시간이 지난 다음에 코드를 실행하는 함수 (1s = 1,000ms)

setTimeout(function){
	console.log("Hello World!");
}, 2000); //2초 뒤 출력