Back to the JavaScript

웹브라우저 입출력 write / alert / prompt / confirm

Backcoder 2022. 7. 27. 20:43

[ 웹브라우저 입출력 ] 

 [ document.write ] 

: 기본 웹브라우저에 출력기능

- 엔터처리 없음 =>  <br> 태그 이용  

( 문자열 + "태그" ); 

document.write ( "안녕하세요" + "<br>" ); 

document.write("<h1> 이렇게 태그사용 가능 </h1>");

 

- wrtieln : 띄어쓰기 한칸 해줌  

 

- document.write 을 사용하면,

Web 에 보여지던 HTML  body 내용다 지우고,  

=> write 한 값만을 표시한다. 


[ alert( ); ]  
- 팝업창 
=> 모달(modal) 상태 : 확인 버튼 클릭해야 브라우저 보임
- 위치 상관없이, 맨 처음 실행 됨 
문자열이 들어가고, 여기선 \n 으로 줄 구분 가능하다. 

window : 최상위 객체 
 여기에 내장된 함수 사용하는거라 
window.alert( ); 이렇게 사용하는게 근본이지만  
생략하고 그냥 alert( ); 사용 가능 ( 다른 기본 함수들에도 모두 적용 )



[console.log(문자열) / dir(객체) ] 
let a = 10; 
console.log(a); 
=> 콘솔창에 출력 ( 개발자용 ) - 웹 개발자도구에서 확인 가능 

[prompt] 
const id = prompt("아이디입력하세요");
=> 입력창 팝업 

=> 변수에 입력값이 담김 

document.write( id ); 
=> 사용자 입력값 출력 (String타입)


[ confirm ] 
const result = confirm(" 탈퇴하시겠습니까?"); 
=> 확인/취소 창 팝업 

result 에 true/false 값 담김 (Boolean타입)