728x90
반응형
<!-- src/main/webapp/20220401/windowex1.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>window 객체에서 제공하는 3가지 메세지 창</title>
</head>
<body>
<form name="f">
<!--
this.form : input 태그의 form 객체
this.form.echo : input 태그의 form 객체 중 이름이 echo인 태그
window 객체의 메세지 관련 함수.
alert('메세지') : 메세지. 확인 리턴값 없음.
confirm('메세지') : 메세지. 확인 / 취소 버튼 선택
확인클릭 : true 리턴
취소클릭 : false 리턴
prompt('메세지',[기본값]) : 값을 입력받을 수 있는 메세지 창
확인 / 취소 버튼 선택
확인클릭 : 입력 값 리턴
취소클릭 : 빈 값 리턴
-->
<input type="radio" name="dbox"
onclick="this.form.echo.value=alert('alert메세지창 호출')">
alert 메세지창 호출<br>
<input type="radio" name="dbox"
onclick="this.form.echo.value=confirm('confirm메세지창 호출')">
confirm 메세지창 호출<br>
<input type="radio" name="dbox"
onclick="this.form.echo.value=prompt('prompt메세지창 호출')">
prompt 메세지창 호출<br>
<input type="text" name="echo">
</form>
</body>
</html>728x90
반응형
'study > Javascript' 카테고리의 다른 글
| [Javascript] 7. 새창 열기 (open, close) (0) | 2022.04.05 |
|---|---|
| [Javascript] 7. window 객체의 함수 (eval, isNaN, parseInt) (0) | 2022.04.05 |
| [Javascript] 6. 마우스로 이미지 옮기기 (overflow, ondrop, ondragover, ondragstart, ondragend, draggable) (0) | 2022.04.05 |
| [Javascript] 6. 마우스 커서로 이미지 변경하기 (0) | 2022.04.05 |
| [Javascript] 6. 마우스 커서로 화면의 바탕색 변경하기 (onmouseover, onmouseout, bfColor) (0) | 2022.04.05 |