confirm 1 html headtitle titlehead body bgcoloryellowb script
§ confirm() 메서드 사용 예 1 <html> <head><title>확인 대화상자 나타내기</title></head> <body bgcolor="yellow"><b> <script language="javascript"> var answer=confirm ("지금 확인 대화상자를 배우고 있는지 아시죠? ") document. write("지금 선택한 것은? ") if (answer == true) document. write("<p><font color='red' size=5>확인을 선택하셨습니다. ") else document. write("<p><font color='red' size=5>취소를 선택하였습니다. ") </script></b> </body></html>
§ confirm() 메서드 사용 예 1 <html> <head><title>확인 대화상자 나타내기</title></head> <body bgcolor="yellow"><b> <script language="javascript"> var answer=confirm ("지금 확인 대화상자를 배우고 있는지 아시죠? ") document. write("지금 선택한 것은? ") if (answer == true) document. write("<p><font color='red' size=5>확인을 선택하셨습니다. ") else document. write("<p><font color='red' size=5>취소를 선택하였습니다. ") </script></b> </body></html>
객체 별 이벤트 처리기 § 이벤트 처리기는 특정 객체와 긴밀한 관계를 갖고 있다. § 객체 별 이벤트 처리기 목록 대상객체 사용 가능한 이벤트 처리기 선택목록(Select list) on. Blur, on. Change, on. Focus 문자필드(Text element) on. Blur, on. Change, on. Focus, on. Select 문자영역(Textarea element) on. Blur, on. Change, on. Focus, on. Select 버튼(Button element) on. Click 체크박스(Checkbox) on. Click 라디오 버튼(Radio button) on. Click 하이퍼 텍스트 링크(Hypertext link) on. Click, on. Mouse. Over, on. Mouse. Out 리셋 버튼(Reset Button) on. Click 전송 버튼(Submit Button) on. Click 도큐먼트(Document) on. Load, on. Unload 윈도우(Window) on. Load, on. Unload, om. Error 폼(Form) on. Submit, on. Reset 이미지(Image) on. Abort, on. Error, on. Load
onclick § form 요소나 링크를 클릭할 때 § 사용 예 <html> <head><title>onclick 이벤트</title> <script language="Java. Script"> function hello() { alert("Hello, who are you? ") } </script></head> <body> <b>클릭하세요</b><hr> <input type="button" on. Click="hello()" value="클릭하세요"> </body></html>
§ onclick 사용 예 <html> <head><title> click 이벤트</title> </head> <body on. Click="window. open('http: //www. naver. com')"> 창의 아무곳이나 클릭만 하면 네이버 사이트가 나타난다. </body></html>
§ onclick 사용 예 <html> <head><title> 이벤트의 반환값</title> </head> <body> <b>이벤트의 반환값<b> <hr> <a href = "http: //www. daum. net" on. Click = "return confirm('다음 사이트로 이동할까요? ')">다음사이트 </a> </body></html>
onmouseover와 onmouseout § 사용 예 <html> <head><title>onmouseover & out </title></head> <body> <b>색이 변하는 문자열<b> <p style ="cursor: hand; font-size: 12 pt; color: red" on. Mouse. Over="this. style. color='orange'" on. Mouseout= "this. style. color='blue'"> 마우스를 올리거나 내리면 색이 변하는 글씨</p> </body></html>
onblur와 onfocus § 사용 예 <html> <head><title>on. Blur와 on. Focus</title></head> <body onblur="document. bg. Color='blue'" on. Focus="document. bg. Color='red'"> <b> 포커스 받기와 잃기</b><hr> <h 3>포커스를 받으면 빨간색 잃으면 파란색 배경으로 변함</h 3> </body> </html>
onblur와 onfocus § 사용 예 <html> <head><title>on. Blur와 on. Focus</title></head> <body onblur="document. bg. Color='blue'" on. Focus="document. bg. Color='red'"> <b> 포커스 받기와 잃기</b><hr> <h 3>포커스를 받으면 빨간색 잃으면 파란색 배경으로 변함</h 3> </body> </html>
- Slides: 16