IT/JavaScript
[JAVASCRIPT] 자식컴포넌트에서 부모로 사용시 뒤로가기
부모의 자식컴포넌트에서 뒤로가기 시 아래 코드를 사용하면 부모로 이동 가능
반응형
IT/JavaScript
[Javascript] 드래그 방지, 오른쪽 마우스 클릭 방지
1. 드래그 방지 : ondragstart = "return false" **ondragstart : 드래그가 시작 될 경우 발생하는 이벤트 2. 오른쪽 마우스 클릭 방지 : onselectstart = "return false" **onselectstart : 선택이 시작 될 경우 발생하는 이벤트
IT/JavaScript
[JS] 함수선언2
1. 함수호출 시 값 전달 없고 함수내용 실행되고 결과값(리턴값) 없는 형태 - onclick="함수명()" -> script에서 function 함수명(){} 2. 함수호출 할 때 값 전달하고 함수내용 실행되고 결과값)(리턴값)없는 형태 - onclick="함수명(전달할 값1, 전달할 값2)" -> script에서 function 함수명(전달받은 값1 , 전달받은 값2){} - 전달할값과 전달받은값이 같다. - 리턴값 없으면 생략가능 3.함수호출시 값 전달 없고 함수 내용 실행되고 결과값(리터값)있는 형태 - onclick="alert('메세지(생략가능):'+함수명()) - return "리턴값 입력"; - 리턴값 호출 4. 함수호출할때 값 전달하고 함수내용 실행되고 결과값(리턴값)있는형태 - oncl..
IT/JavaScript
[JS] 함수선언2 return 사용
클릭시 해당값을 전달하고 싶을때 - onclick="function(값넣어주는곳)" 으로 전달한다. JS의 return 사용 - 만약 클릭시 해당값을 전달하고 싶을때 아래 실습 1. 함수호출시 값 전달 없고 함수내용 실행되고 결과값(리턴값) 없는 형태 - function(전달값)주면 script함수안의 funtion 함수명(전달받은값){}으로 표현 2. 함수호출 할때 값 전달하고 함수내용 실행되고 결과값)(리턴값)없는 형태 3. 함수호출시 값전달 없고 함수 내용 실행되고 결과값(리터값)있는 형태 - return 값이 있을경우 onclick에 "alert('문자값(생략가능) : ' + function(전달값))"으로 표현 WebContent/js1/test4.html
IT/JavaScript
[JS] 함수선언1
JS 함수선언 - function 이라는 키워드를 사용하여 함수선언. - function 함수명(){}으로 선언. WebContent/js1/test3.html 1. onclick에서 msg()라는 함수를 불러옴 2. JS에서 msg()라는 함수를 찾아 실행함 3. 마지막으로 다시 태그로 돌아와 실행함.
IT/JavaScript
[JS] 변수 선언
JS 변수선언 - var 를 사용하여 변수선언을 한다.(아래참조)
IT/JavaScript
[Jquery] Image Map 반응형 시 좌표 잡는 JS라이브러리::RWD Image Maps
Image Map 사용시 편리하시만 반응형 작업시 다 망가지는데요. 이를 방지하기위해 사용하는 제이쿼리 라이브러리 소스입니다. RWD Image Maps 라이브러리 주소 : https://github.com/stowball/jQuery-rwdImageMaps stowball/jQuery-rwdImageMaps Responsive Image Maps jQuery Plugin. Contribute to stowball/jQuery-rwdImageMaps development by creating an account on GitHub. github.com 아래와 같이 적용만해주면 바로 작동 됩니다. HTML JS
IT/JavaScript
[Javascript] 유튜브영상 반응형 삽입 방법
- HTML - JAVASCRIPT //유튜브 반응형 스크립트 $(window).resize(function(){ resizeYoutube(); }); $(function(){ resizeYoutube(); }); function resizeYoutube(){ $("iframe").each(function(){ if( /^https?:\/\/www.youtube.com\/embed\//g.test($(this).attr("src")) ){ $(this).css("width","100%"); $(this).css("height",Math.ceil( parseInt($(this).css("width")) * 480 / 854 ) + "px"); } }); }
반응형
