JavaScript

alert, confirm, prompt, location, 창 제어, 상호작용, 팝업차단

조밈밍 2022. 3. 13. 22:05

<BOM>

: Browser Object Model

: 웹브라우저를 제어하기 위해 브라우저가 제공해주는 객체들

: 자바스크립트를 통해 브라우저의 새창을 연다거나 현재 창에 열려있는 문서의url을 알아낸다거나

  등 할수 있도록 도와주는 객체

 

<window>

: 전부다 window라는 객체에 소속되어 있다 window.~

: 전역객체다 == 윈도우라는 객체의 프로퍼티를 만드는 것

 

<사용자와 커뮤니케이션 하기>

: 사용자에게 정보 제공, 사용자로부터 정보 받기 등

 

☞ alert : 경고창, 사용자에게 정보 제공, 디버깅 등의 용도

           : 실행하는 동안, 다음에 코드가 실행되지 않는다

 

☞ confirm : 확인 누르면 true, 취소 누르면 false 리턴

 

☞ prompt : 사용자로부터 입력받음

 

<Location 객체>

: 윈도우의 문서 URL을 변경, 문서의 위치와 관련해 다양한 정보 얻을 수 있다

 

☞ 현재 윈도우의 URL 알아내기

: console.log(location.href);

: alert(location);

 

* ?id=1 ?뒤에 오는건 전달값

☞ URL 변경하기

: 해당 URL로 이동한다, 사용자를 다른 URL로 이동시켜야할 경우 사용

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

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

: location.reload(); == 현재 문서 리로드

 

<창 제어>

window.open

* width : 가로, height : 세로

<상호작용>

: open 클릭시 open() 실행 -> 창 열림

: close 클릭시 close() 실행 -> 창 닫힘

: text 작성하면 winmessage인자값 msg입력받아 message로 전달 새로운창에서도 입력한 값이 출력됨

 

<팝업 차단>

: 사용자의 인터렉션 없이 창 열려고 하면 팝업이 차단된다.