본문 바로가기

퍼블리싱/jQeury, Javascript

url에서 파일명 얻기, split() 사용 var fileName = location.href.split('/')[(location.href.split('/').length-1)].split('.')[0]; // split를 사용하여 ' / '로 url를 나눈후 가장 마지막 배열를 split('.')으로 구분하여 실파일의 파일명을 얻는다 더보기
문자열의 좌우 공백제거, trim() 사용 좌우 공백제거하는 function은 자바스크립트내에 기본 메소드로 ' trim() '이 존재한다. 하지만 IE9이상 지원하기때문에 하위브라우저를 위해 아래처럼 정규식을 만들어 사용하는 것이 좋다. 또는 제이쿼리 $.trim() 을 사용해도 됨 function trimFunc(str) { return str.replace(/^\s+|\s+$/gm,''); } var testStr = trimFunc(' trim function '); console.log( testStr ); // 좌우공백이 제거된 trim function이 찍힘 더보기
윈도우 팝업 열기(가운데정렬) function popupFunc() { var screenW = screen.availWidth; // 스크린 가로사이즈 var screenH = screen.availHeight; // 스크린 세로사이즈 var popW = 600; // 띄울창의 가로사이즈 var popH = 600; // 띄울창의 세로사이즈 var posL=( screenW-popW ) / 2; // 띄울창의 가로 포지션 var posT=( screenH-popH ) / 2; // 띄울창의 세로 포지션 window.open('popup.html','test','width='+ popW +',height='+ popH +',top='+ posT +',left='+ posL +',resizable=no,scrollbars=no'); } 더보기
KeyCodes KeyCodebackspace8tab9enter13shift16ctrl17alt18pause/break19caps lock20escape27(space)32page up33page down34end35home36left arrow37up arrow38right arrow39down arrow40insert45delete46048149250351452553654755856957a65b66c67d68 KeyCodee69f70g71h72i73j74k75l76m77n78o79p80q81r82s83t84u85v86w87x88y89z90left window key91right window key92select key93numpad 096numpad 197numpad 298numpad 399numpad 4100num.. 더보기
input type="text"에 숫자만 입력하도록 모바일이나 브라우저 ie 상위버전 등에서는 html5의 폼요소로 input type="tel"이나 type="number"를 쓸 수 있어서 매우 편리하나, 하위버전에서는 아직까지 쓰기 힘들다.그래서 다음처럼 스크립트로 처리해준다. doctype html> input 에 숫자만 입력 $(function(){ $('.num').on('keypress', function(e){ var charCode = e.which || e.keyCode; if (charCode > 31 && (charCode 57)){ alert("숫자만 입력하세요"); return false; } return true; }); }); 더보기