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

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

1,721  


예제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 5강 - for반복문 흐름, 1~100 출력 및 합산 3
JS-서기 JQ 4강 - 허버메뉴
JS-서기 JQ 3강 - 이벤트, 이펙트 (=메서드)
JS-서기 JQ 2강 - JQUERY (제이쿼리) 다운로드, 외부링크, 기본구문
JS-서기 JQ 1강 - JQUERY (제이쿼리) 개념, CSS 선택자
JS-서기 JS 17강 - 허버메뉴만들기
JS-서기 JS 16강 - this객체, 조건분기, 속성설정
JS-서기 JS 15강 - CSS 선택자
JS-서기 JS 14강 - HTML CSS JS 혼용하기 (=getElementsBy 시리즈 = JS선택자) ★★★★★
JS-서기 JS 13강 - DOM (돔: Document Object Model 문서객체모델)
JS-서기 JS 12강 - 이벤트핸들러2 (event handler) - onload, onunload, / confi…
JS-서기 JS 11강 - 이벤트핸들러1 (event handler)
JS-서기 JS 10강 - 사용자정의함수 (조건, 경고창, 페이지이동) (function, if, alert, url,…
JS-서기 JS 9강 - 함수 제작 (= 사용자정의함수)
JS-서기 JS 8강 - for문 안쪽에 if문 사용 (= 행렬 표만들기 = 줄바꿈 = 줄바꾸기 = 줄변경 = 라인변…
JS-서기 JS 7강 - 모든 구구단 (= 중첩포문 = 이중포문 = 이단포문) (for double loop)
JS-서기 JS 6강 - 특정 구구단
JS-서기 JS 4강 - else if 조건문, && 기호 의미
JS-서기 JS 3강 - 변수선언, prompt() 입력함수, if조건문, 사이트 이동 ★
JS-서기 JS 2강 - 변수 선언 및 출력
1/2
목록
찾아주셔서 감사합니다. Since 2012