[ JavaScript ] 경고창/입력창 /선택창/window 메서드

브라우저 관련 객체

window
   👇🏻
 location    history     frame     document     screen    navigator
                               👇🏻
 anchor    applet        area      form      image    layer    link    plugin    title
                               👇🏻
 botton    checkbox    fileupload    hidden    password    radio    select    sumbit    text    textarea

 

 

---

 [ window의 메서드 1 ] 

 

 

 

 alert : 경고창 

 

👉🏻 window.alert('경고창') ;

확인을 눌러주기 전까지 계속 로딩이 되는것을 확인 할 수 있다

여기서 window는 생략이 가능하다.

 

 

 prompt : 입력창

 

👉🏻 var season = window.prompt('좋아하는 계절은?','');
     document.write('좋아하는 계절은'+ season + '이다. <br>');

 

comfirm : 선택창

 

👉🏻  var choice = window.confirm('야근을 하겠습니까?');

      if(choice){
       document.write('야근 확정!');
      }else{
       document.write('야근 취소!');
      }

 확인 클릭하면 true 반환, 취소 클릭하면 flase 반환

 

✅결과값✅

 

---

 

 [ window의 메서드 2 ] 

 open(url,새창이름,옵션) : 새창 열기
➖➖➖➖➖➖➖➖➖➖➖➖➖➖
   [ 옵션 ]
 width      : 새 원도우의 넓이
 height     : 새 윈도우의 높이
 location   : 주소 입력창 유무
 menubar  : 메뉴의 유무
 resizeable : 화면 크기 조절 가능 여부
 status      : 상태 표시줄의 유무
 toolbar    : 툴바 유무
 scrollbars : 스크롤바 유무 
➖➖➖➖➖➖➖➖➖➖➖➖➖➖
 close() : 창 닫기

 

 

1️⃣ : URL , 새창 이름 , 옵션

'toolbar=no,location=no,status=no,menubar=no,resizeable=no,scrollbars=no,width=400,height=300'

툴바 없음, 주소 입력창 없음, 상태 표시줄의 없음, 메뉴 없음, 화면 크기 조절 불가능, 스크롤바 없음, 윈도우 넓이400, 높이300

2️⃣ : 열려 있는 창 닫기

3️⃣ : 창열기, 창 닫기 버튼 만들기

 

✅결과값✅

 

---

 

[ window의 메서드 3 ]

setTimeout(function,millisecond) : 일정 시간 후에 함수를 한 번 실행
setInterval(function,millisecond) : 일정 시간 마다 함수를 반복해서 실행

 

✅결과값✅

 

---

@@@@

 

@질문

1 위치

2 host

3host 이름

4 path 이름

5protocol 이름

6 port 위치

 

---

창 이동하기

✅결과값✅

 

1️⃣ : [ window의 메서드 1 ] , 뒤로가기 가능 -> 다시 선택 창

2️⃣ : [ window의 메서드 2 ] ,뒤로가기 가능 -> 다시 선택 창

3️⃣ :  [ window의 메서드 2 ] ,뒤로가기 불가능