형제 요소 선택
.nextSibling : 다음 형제 마디선택(텍스트 포함)
.nextElementSibling : 다음 형제 요소 선택(텍스트는 제외)
onload 적용 가능 태그
<body><frame><frameset><iframe><img><input type="image"><link><script><style>Date
var date = new Date();date.getFullYear(); // 현재년date.getMonth(); // 0~11date.getDate(); // 현재일Object.valueAsDate = new Date(); // 현재 날짜 value값으로 주기문자열 길이
String s = "Hello, World!";console.log(s.length);태그 숨기기
Object.style.visibility = "hidden";시간 지연
setTimeout(function() {}, 0);JSON 만들기
var json = {};
json.key = "value";
alert(JSON.stringify(json)); // 문자열로 변환해서 화면에 표시
대문자 소문자
"hello, world!".toUppserCase();
"hello, world!".toLowerCase();
무작위 수 생성
Math.random() // 0이상 1미만의 숫자
Math.floor(Math.random()*(max+1-min))+min // min ~ max
반올림, 올림, 내림
Math.round(); // 절반 이상은 무조건 반 올림
Math.ceil(); // 소수점 올림
Math.floor(); // 소수점 버림
Timing Events
- setTimeout(function, milliseconds)
- setinterval(function milliseconds)
숫자를 문자열로
""+숫자
String(숫자)
숫자.toString(진법) // 몇진법으로 변환
숫자.toFixed(소수자리수) // 소수자리수를 지정한 실수로 변환
문자열을 숫자로
parseInt(문자열) // 숫자가 아닌 문자까지의 문자열을 숫자로 변환
parseFloat(문자열) // 실수
Number(문자열) // 정수 & 실수
엔터키 감지하기
<input type="password" onkeypress="func(event)" />
function func(e) {
if(e.keyCode == 13) { // enter는 13이다!
alert("엔터를 입력하셨습니다!");
}
}
document.createElement("div");
# 현재 창 준비 단계 확인
document.readyState
# 'loading' : 문서를 불러오는 중
# 'interactive' : 문서가 완전히 불러와짐
# 'complete' : 문서외 리소스 전부 불러와짐
# 예제
document.onreadystatechange = () => {
if (document.readyState === "interactive") {
initApplication();
}
};