[Javascript] Window객체

Window 객체는 전역(Global)객체다

 

1. alert("내용") : 윈도우 화면에 경고 메세지 출력

alert("이것은 alert 창입니다.");

이렇게 뜨는 것 !

 

2. confirm("내용") : 진행할지, 종료할지에 대한 진행 여부를 확인

let cheack = comfirm("정말 삭제하시겠습니까?");
document.write(cheack);

이렇게 뜸 !

☞ 사용자가 확인 또는 취소를 선택함 (확인 누르면 true / 취소 누르면 false 반환 => 사용자가 무엇을 눌렀는지 알 수 있게 함)

 

 

 

3. prompt("내용") : 문자열을 입력받을 수 있는 함수

let userName = prompt("당신의 이름을 입력하세요.");
if(userName == null) {
	// 취소 버튼을 클릭 했을 때
} else if(userName == "") {
	// 어떤 값도 입력하지 않고 확인 버튼을 클릭 했을 때
} else if(userName != "") {
	// 값을 입력하고 확인 버튼을 클릭 했을 때
}

▷ 숫자형으로 입력받고 싶을 때 

let str = Number(prompt("숫자를 입력하세요."));
// Number() 써서 문자열에서 숫자열로 형 변환 시켜줌 !

 

 

4. window.open("url") : 윈도우 새 창 / 새 탭으로 지정한 url을 오픈함

window.open("https://naver.com");

 

 

5. setTimeout(), clearTimeout() 

 

- setTimeout(function(){}, ms) : 일정 시간이 지나면 실행
- clearTimeout() : setTimeout() 함수를 중지 시켜줌

let time; // 변수 지정

function myTime() {
	time = setTimeout(function(){
    	console.log("5초 후 프로그램 실행"); // 5초 후에 콘솔에 출력됨 
    }, 5000); // 5000ms = 5s
}

function myStopTime() {
	clearTimeout(time);
}

 

 

6. setInterval(), clearInterval() 

 

- setInterval(function(){}, ms) : 시간이 지날 때 마다 실행 (계속 반복)
- clearInterval() : setInterval() 함수를 중지 시켜줌

let i = 0; // 초기 값

let timer = setInterval(function(){
	console.log("3초마다 프로그램 실행 -" + i); // 콘솔에 3초마다 i가 0부터 출력됨
    // i가 3과 같으면 
    if(i == 3) {
    	clearInterval(timer); // 함수 종료
    }
    i++ // i가 1씩 증가 
}, 3000); // 3000ms = 3s