02. 브라우저 객체 모델_js

alert

- 사용자에게 경고장

​인수에 삽입된 문자열 혹은 숫자형 데이터를 출력

<script type="text/javascript">
alert('안녕하세요');

 

prompt

- 사용자에게 1줄의 값을 받을 때 사용

- 결과값은 문자형이다.

<script type="text/javascript">
	var msg=prompt('당신의 나이는?');
	console.log(msg);
</script>

 

confirm

- 진행여부 확인

- 결과값은 확인 true 취소는 false

<script type="text/javascript">
	var isNext=confirm('정말 저장하시겠습니까?');
	if(isNext){
		console.log('저장실행하기');
	}
</script>

 

setTimeout, clearTimeout

- 정해진 시간 이후에 실행

- setTimeout : 정해진 시간 이후에 1회 실행

- clearTimeout : 정해진 시간 이전에 실행 취소

<script type="text/javascript">
	var TimeoutNumber = setTimeout(function() {
		console.log('5초 후 실행');
	}, 5000);
	console.log(TimeoutNumber);
	clearTimeout(timeoutNumber);
</script>

 

setInterval, clearInterval

- setInterval : 정해진 시간 간격으로 실행

- clearInterval : 실행 중단

<script type="text/javascript">
	var cnt = 0;
	var intervalNumber = setInterval(function() {
		cnt++;
		console.log(cnt);
		if (cnt > 5) {
			clearInterval(intervalNumber);
			console.log('실행중단');
		}
	}, 1000);
</script>

 

location

- 현재 페이지 url 정보

- 새로고침 및 다른 페이지 이동 시 사용

- 새로고침 -> reload(), 페이지 이동 -> location.href='이동경로';

​

<script type="text/javascript">
	console.log(location);
	console.log(location.href);//현재경로
</script>

- 페이지 이동

location.href='http://naver.com';

- 새로고침

location.reloat();

 

navigator

- 브라우저 및 OS 정보

console.log(navigator);