본문 바로가기
728x90
300x250
SMALL

javaScript545

이벤트 리스너 $("#btnStart").click(function(){ alert("안녕하세요. 환영합니다."); }); 이벤트 리스너란 특정 이벤트 사용자 입력이나, 이미지 로딩, 클릭등이 발생했을때 이에 반응해서 실행되는 함수를 의미한다. 2019. 6. 28.
변수와 함수와의 관계 01_변수에 함수라는 데이터를 넣기 function hello(name){ document.write(name+"님 환영합니다."); } hello("홍길동"); var func = hello; func("홍길동"); func란 변수에 함수를 넣으면 변수 값으로 함수를 호출할수 있다. 02_매개변수값을 함수로 사용하기 function hello1(){ alert("hello."); } function hello2(){ alert("안녕하세요."); } function execute(func){ func(); } execute(hello1); execute(hello2); execute함수를 호출할때 hello1과 hello2함수를 차례로 매개변수 값으로 넣어주면 execute 함수가 매개변수를 받아서 해.. 2019. 6. 27.
탭메뉴 함수로 만들기 탭메뉴 html 첫 번째 탭메뉴 google facebook pinterest twitter airbnb path 두 번째 탭메뉴 google facebook pinterest twitter airbnb path 1_함수를 사용하지 않은 탭메뉴 첫번째와 두번째 탭메뉴의 처리 방법은 같지만 함수를 사용하지 않을경우 중복되서 다시 코드를 넣어줘야 하고 3번째 4번재도 마찬가지로 같은 코드를 여러번 사용해야 한다. step_01 중복된 코드 함수 만들기 $(document).ready(function(){ tabMenu(); //tebMenu함수호출 }); function tabMenu(){ //중복되는 코드 tabMenu 함수로 묶어준다. var $selectMenuItem =null; $("#tabMenu.. 2019. 6. 26.
이미지 갤러리 독립적인 함수 만들기 https://moo-you.tistory.com/122?category=310832 이미지 갤러리 함수만들기 예제 이미지 배열 시작 위치는 100*100 위치로 시작시 이미지를 2열 200*200 크기로 출력 시작버튼 클릭 시 이미지를 3열 150*150크기로 출력 함수를 이용해 최대한 유지보수하기 쉽게 만들기 저번에 했던 이미지 갤러리 함수는 갤러리 함수 내부에서 images변수를 사용하기 때문에 이외의 이미지를 독립적으로 사용할수 없다. 그래서 이번에는 원하는 이미지 그룹을 선택해서 독립적으로 사용할수 있고 이미지 정보를 매개변수로 만들어서 넘기는 갤러리를 만들어보자 기존코드 이미지를 찾아서 images 변수에 넣고 이미재 개수를 구한다음 이미지 개수만큼 반복문 실행 이미지를 차례로 img 변수에 .. 2019. 6. 25.
728x90
반응형
LIST