[javascript]기본 입출력 alert(메세지), confirm(메세지), prompt(메세지) 또는 prompt(메세지, 기본값)
2022. 7. 18. 18:30ㆍJSP
728x90
🤗 alert(메세지) - 알림창
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>alert</title>
</head>
<body>
<script>
alert('Javascript 시작!');
//alert함수는 사용자에게 중요한 내용이나
//경고창을 띄어줄때 주로 사용하는 함수
//여러가지 창 중에서 가장 많이 쓰이는 기본적인 팝업창
</script>
</body>
</html>
🤗 confirm(메세지) - 확인창
- confirm 함수는 사용자에게 true/false 값을 리턴받을 수 있는 합업창을 띄워주는 함수
- 사용자의 선택에 따라 true/false 값을 받아서 로직처리를 할 수 있다.
- 자바스크립트는 타입을 명시할 필요가 없다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>alert</title>
</head>
<body>
<script>
var result=confirm('계속 진행하시겠습니까?');
if(result){
alert('네, 시작합니다.');
}else{
alert('종료합니다.');
}
</script>
</body>
</html>
🤗 prompt(메세지) 또는 prompt(메세지, 기본값)
- prompt함수 : 간단한 입력을 받을수 있는 함수
- document 객체 : 웹페이지 자체를 의미하는 객체
- 웹페이지에 있는 HTML에 접근하고자 할 때 document 객체로 접근할 수 있다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>alert,confirm</title>
</head>
<body>
<script>
var name=prompt('이름을 입력하세요 ');
document.write('<h1>환영합니다' +name+'님</h1>')
</script>
</body>
</html>
'JSP' 카테고리의 다른 글
| [javascript] 이벤트, button, onclick, 자바스크립트에서의 함수 정의 (0) | 2022.07.18 |
|---|---|
| [javascript] prompt 예제 (0) | 2022.07.18 |
| [javascript] (0) | 2022.07.18 |
| [css] <style>태그, <link> 태그 - html에서 css파일 참조하기, 선택자(selector) (0) | 2022.07.18 |
| [JSP] html 예제 (ex01~ex04) (0) | 2022.07.18 |