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

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

1,739  


예제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>



결과 보기



분류 제목
PHP7-서기 PHP7 31강 - 부트스트랩 사용방법(bootstrap)
PHP7-서기 PHP7 30강 - 회원가입 후 사용하는 개인별 메모장 만들기
PHP7-서기 PHP7 29강 - Super-fast PHP MySQL Database Class ★
PHP7-서기 PHP7 28강 - OOP (객체지향프로그래밍) - 클래스 생성/사용
PHP7-서기 PHP7 27강 - 구글맵 api 설정 및 기본사용 방법
PHP7-서기 PHP7 26강 - fabric.js (캔버스 라이브러리) 사용 방법
PHP7-서기 PHP7 25강 - canvas 그림을 png 이미지로 서버에 저장하기
PHP7-서기 PHP7 24강 - 만년달력 제작 (with css)
PHP7-서기 PHP7 23강 - 북마크 프로그램 제작
PHP7-서기 PHP7 22강 - 로그인/로그아웃 구현 (세션 사용)
PHP7-서기 PHP7 21강 - 로그인/로그아웃 구현 (쿠키 사용)
PHP7-서기 PHP7 20강 - MySQL 게시판 만들기 3 - (비밀번호 입력 시 삭제)
PHP7-서기 PHP7 19강 - MySQL 게시판 만들기 2 - (비밀번호 입력 시 수정)
PHP7-서기 PHP7 18강 - MySQL 게시판 만들기 1 - (쓰기/보기/목록) 페이지 생성
PHP7-서기 PHP7 17강 - MySQL 메모장 값 수정/삭제
PHP7-서기 PHP7 16강 - MySQL 이용한 메모장 만들기
PHP7-서기 PHP7 15강 - MySQL 시작 - (사용자/DB/테이블) 만들기
PHP7-서기 PHP7 14강 - 파일 업로드 처리
PHP7-서기 PHP7 13강 - 함수 라이브러리 만들기 / namespace (네임스페이스)
PHP7-서기 PHP7 12강 - Function (사용자정의함수) 생성 + 전역변수/지역변수
5/35
목록
찾아주셔서 감사합니다. Since 2012