본문 바로가기

퍼블리싱/jQeury, Javascript

Swipe 플러그인 모음 iDangerohttp://www.idangero.us/swiper/demos/#.VYug7vntk7d Slickhttp://kenwheeler.github.io/slick/ 더보기
== 과 ===의 차이 우리는 스크립트 코드에서 ==를 보게 된다그런데 ==는 알겠는데 ===는 무엇일까? 다음의 코드를 보자 var a = 1; // number var b = "1"; // string console.log( a==b ); // true 가 찍힘 console.log( a===b ); // false가 찍힘 위처럼 변수 a는 number고 b는 string이다.왜 넘버고 스트링이냐, 그냥 둘다 1이 아니냐고 묻는 사람이 있다면,다음처럼 변수 a, b의 타입을 찍어보자 console.log(typeof a); // number가 찍힘 console.log(typeof b); // string이 찍힘 이렇게 두 변수는 타입이 다르고, 완전 다른 값이다.그런데 그냥 ==으로 비교를 하게되면 암묵적 형변환이 일어나.. 더보기
useragent, os 체크해서 <html>에 class로 추가하기 userAgent와 os 체크해서 해당 버전들을 html에 class로 추가하기다.이렇게하면 브라우저뿐만 아니라 해당 운영체제별로 크로스브라우징을 할 수 있다.처음으로 풀 자바스크립트로 해봤는데, 확실히 공부하면 제이쿼리보다 순수스크립트가 더 재미있을 것 같다는 생각이 들었다. 아무튼 아래코드로 작성하면, 이런식으로 클래스가 추가된다.특정 브라우저나 os 이슈 대응 때 이용하면 좋을 것 같다. var userAgentCheck = function(){ var ua = navigator.userAgent.toString().toLowerCase(); var agent = { ie : (/msie/i).test(ua) || (/trident/i).test(ua), firefox: (/firefox/i).te.. 더보기
iframe안 요소에 접근하기 사실 아무런 생각없이 iframe의 요소에 접근하는 법이나 일반 도큐먼트에서 접근하는 방법이나 같다고 생각했었다,그런데 콘솔에서 $("#modalIfm").find("html").height();을 찍어보니 null이 찍혔고,그 해당 html안의 요소에 접근하려해도 [] 또는 null, unfinded가 찍혔다.그 때서야 아 iframe안의 요소는 바로 접근을 못하는가하는 생각을 하게되었고, 찾아보니 역시...였다...;;;;이 무지함이란;;; 검색해보니 iframe셀럭터 다음에 contents()를 쓰면 된다는 것이다.다음을 참고하자. // div.elementInIframe에 접근하는 방법 $('#iframe').contents().find('.elementInIframe').html(); 더보기
test() method 사용하기 test() 메소드는 파라미터로 str을 받고 return value는 불린값으로 넘겨준다. 사용예를 보면, // The string: var str = "Hello world!"; // Look for "Hello" var patt = /Hello/g; var result = patt.test(str); // 결과값 >> true // Look for "W3Schools" patt2 = /W3Schools/g; result2 = patt2.test(str);// 결과값 >> false 파라미터로 들어온 str값을 특정값과 대조하여 같으면 true, 다르면 false값을 넘겨준다. 더보기