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

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

1,679  


예제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 80~82강 - 자바스크립트 객체 클래스
JS-바위 JS 77~79강 - 자바스크립트 모듈 활용 (Javascript Module)
JS-바위 JS 73~76강 - 테이블 페이지네이션 (Table Pagination)
JS-바위 JS 72강 - AOS 라이브러리 - 슝슝 나타나는 스크롤 애니메이션
JS-바위 JS 69~71강 - 숫자 그래프 애니메이션 (Number Animation)
JS-바위 JS 68강 - animate.css 라이브러리 - 스크롤이벤트 적용
JS-바위 JS 64~67강 - tailwindcss (node js - CSS framework) - CSS 없이 스…
JS-바위 JS 61~63강 - 최신 JS 문법 (ECMA SCRIPT 6) - 변수선언 키워드 let, const, …
JS-바위 JS 60강 - 인스타그램 (instagram) API - 인스타그램 피드를 웹사이트에 출력
JS-바위 JS 56~59강 - 쿠키 (Cookie) 이용해 「오늘 하루 안보기 팝업창 띄우기」 생성
JS-바위 JS 52~55강 - 멀티플 슬라이드 (Multiple Slideshow)
JS-바위 JS 51강 - 스크롤트리거 (scrollTrigger) - 스크롤 애니메이션 구현
JS-바위 JS 46~50강 - 필터링 반응형 갤러리 (Fitered Gallery)
JS-바위 JS 45강 - 하이라이트 무빙 탭 애니메이션 (Highlight Moving Tab animation)
JS-바위 JS 42~44강 - 풀스크린 슬라이드 (FullScreen Slide) 1 - CSS로만 구현
JS-바위 JS 41강 - 드롭다운 서브메뉴 (Dropdown Submenu)
JS-바위 JS 40강 - 반응형 일정표 (Gantt chart : 간트 차트)
JS-바위 JS 39강 - 마우스허버 시 따라 움직이는 메뉴바 애니메이션 (MenuBar Animation) ※ 언더바…
JS-바위 JS 38강 - 숫자 바뀌는 애니메이션 (Number Animation) (순수JS버전)
JS-바위 JS 37강 - 아코디언 (Accodion) 메뉴 (순수JS버전)
1/35
목록
찾아주셔서 감사합니다. Since 2012