• 회원가입
  • 로그인
  • 구글아이디로 로그인

[JS-서기] JS 12강 - 이벤트핸들러2 (event handler) - onload, onunload, / confirm() / return confirm - 확인 묻기

1,986  


예제1 - 로딩순서 (a → b)

 

<html>

<head>


<script>

alert('a');

</script>


</head>

<body onload='alert("b")'>


홈짱닷컴 (Homzzang.com)


</body>

</html>



결과 보기

 

 

 

예제2 - 로딩순서 (a → b)

 

<html>

<head>

</head>

<body onload='alert("b")'>


홈짱닷컴 (Homzzang.com)


</body>

</html>


<script>

alert('a');

</script>



결과 보기

 

 

 

예제3 - onload(), onunload()

 

<html>

<head>

<script>

var a = '어서와. 홈짱닷컴은 처음이지?';

var b = '가는거야? 다음에 또 올거지?';

</script>

</head>

<body onload='alert(a)' onunload='alert(b)'>


홈짱닷컴 (Homzzang.com)


</body>

</html>



결과 보기

onunload() 함수는 크롬에서 작동 안 함.

 

 

 

예제4 - confirm()  :  취소 버튼 클릭해도 이동 O

 

<a href='https://homzzang.com' onclick='confirm("진짜 갈겨?")'>홈짱닷컴 바로가기</a>



결과 보기

 

 

 

예제5 - return confim() : 취소 버튼 클릭하면 이동 X

 

<a href='https://homzzang.com' onclick='return confirm("진짜 갈겨?")'>홈짱닷컴 바로가기</a>



결과 보기



분류 제목
JS-생코 JS 46강 - UI,API 그리고 문서 (1/2) : 수업소개
JS-생코 JS 45강 - 모듈 (5/5) : 라이브러리의 사용
JS-생코 JS 44강 - 모듈 (4/5) : 라이브러리란?
JS-생코 JS 43강 - 모듈 (3/5) : Node.js의 모듈화
JS-생코 JS 42강 - 모듈 (2/5) : 모듈화
JS-생코 JS 41강 - 모듈 (1/5) : 모듈이란?
JS-생코 JS 40강 - 객체 (3/3) : 객체지향 프로그래밍
JS-생코 JS 39강 - 객체 (2/3) : 객체와 반복문의 조우
JS-생코 JS 38강 - 객체 (1/3) : 객체의 문법
JS-생코 JS 37강 - 배열 (5/5) : 제거와 정렬
JS-생코 JS 36강 - 배열 (4/5) : 데이터의 추가
JS-생코 JS 35강 - 배열 (3/5) : 배열과 반복문의 조우
JS-생코 JS 34강 - 배열 (2/5) : 배열의 효용
JS-생코 JS 33강 - 배열 (1/5) : 배열의 문법
JS-생코 JS 32강 - 함수 (5/5) : 다양한 정의 방법
JS-생코 JS 31강 - 함수 (4/5) : 출력
JS-생코 JS 30강 - 함수 (3/5) : 입력
JS-생코 JS 29강 - 함수 (2/5) : 함수의 효용
JS-생코 JS 28강 - 함수 (1/5) : 함수란?
JS-생코 JS 27강 - 반복 (6/6) : 반복문의 중첩 (= 이중 반복문) ★★★★★
25/35
목록
찾아주셔서 감사합니다. Since 2012