07.07(Interaction)

User Interaction(사용자 상호작용)

사용자와 상호작용을 위하여 대화상자와 innerHTML 메소드를 제공

 

① alert()

② confirm()

③ prompt()

④ innerHTML()

⑤ innerText()

---

alert()

window 객체의 alert() 메소드는 사용자에게 간단한 메시지를 보여주고, 그에 대한 사용자의 확인을 기다림

window.alert("간단한 메시지");  //window 생략가능
alert("간단한 메시지"); 

 

confirm()

사용자에게 간단한 메시지를 보여주고, 사용자가 확인이나 취소를 누르면 그 결과를 불리언 값으로 반환

confirm("간단한 메시지");

 

prompt()

사용자에게 간단한 메시지를 보여주고, 사용자가 입력한 텍스트를 문자열 타입으로 반환

prompt("간단한 메시지" + "입력란의 기본 메시지");

 

innerHTML()

태그안에 html태그 기록

문자열을 html로 인식하여 리턴

* HTML Parsing이 필요한 문자열에만 사용. 그게 아니라면, 성능상 좋지 않고 XSS 공격에도 취약하므로 사용하지 않는 것이 좋음

 

 

innerText()  

태그안에 텍스트 기록

문자열 그대로를 리턴

* 특정 노드에 렌더링 된(화면에 보이는 그대로의) 텍스트를 읽어올 때 유용함. 하지만 내부에 특별히 스타일 적용이 없는 문자열을 할당할 때는 성능상 적합하지 않음. 단, IE(IE8 이하) 환경을 중점으로 고려한 프로젝트라면 textContent 대신 사용하는 것을 권장