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

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

2,504  


예제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 66강 - 클로저 (closure) 2/4 : 클로저란?
JS-생코 JS 65강 - 클로저 (closure) 1/4 : 외부함수와 내부함수
JS-생코 JS 64강 - 값으로서 함수와 콜백 (4/4) : 비동기 콜백
JS-생코 JS 63강 - 값으로서 함수와 콜백 (3/4) : 콜백
JS-생코 JS 62강 - 값으로서 함수와 콜백 (2/4) : 함수의 용도 2
JS-생코 JS 61강 - 값으로서 함수와 콜백 (1/4) : 함수의 용도 1
JS-생코 JS 60강 - 유효범위 (5/5) : 정적 유효 범위
JS-생코 JS 59강 - 유효범위 (4/5) - 유효범위의 대상
JS-생코 JS 58강 - 유효범위 (3/5) : 전역변수를 사용하는 법
JS-생코 JS 57강 - 유효범위 (2/5) : 유효범위의 효용
JS-생코 JS 56강 - 유효범위 (1/5) : 전역변수와 지역변수
regex JS 55강 - 정규표현식 (7/7) : 치환
regex JS 54강 - 정규표현식 (6/7) : 캡처
regex JS 53강 - 정규표현식 (5/7) : 옵션
regex JS 52강 - 정규표현식 (4/7) : String 객체의 정규 표현식
regex JS 51강 - 정규표현식 (3/7) : RegExp 객체의 정규 표현식
regex JS 50강 - 정규표현식 (2/7) : 패턴만들기
regex JS 49강 - 정규 표현식 (1/7) : 오리엔테이션
JS-생코 JS 48강 - UI, API 그리고 문서 (2/2) : 문서보는법
JS-생코 JS 47강 - UI와 API
24/35
목록
찾아주셔서 감사합니다. Since 2012