코드/JS 43

숫자 3단위마다 콤마 삽임

// 숫자 타입에서 쓸 수 있도록 format() 함수 추가 Number.prototype.format = function(){ if(this==0) return 0; var reg = /(^[+-]?\d+)(\d{3})/; var n = (this + ''); while (reg.test(n)) n = n.replace(reg, '$1' + ',' + '$2'); return n; }; // 문자열 타입에서 쓸 수 있도록 format() 함수 추가 String.prototype.format = function(){ var num = parseFloat(this); if( isNaN(num) ) return "0"; return num.format(); }; // 숫자 타입 test var num = 1..

코드/JS 2013.11.21

jquery ready

DOM에 접근 할 때 완전히 생성되지 않은 DOM객체를 참조하려고 하면 문제가 발생한다. 그래서 onload 이벤트에 핸들러를 걸어주는데,onload 는 모든 리소스가 로드되고나서 발생하는 이벤트란 거다. 그러한 단점을 보완하기 위해서 jquery에서는 ready는 함수를 제공한다. ready는 DOM에 접근할 수 있는 시점을 알려준다. ie에서는 모질라계통 브라우저에서 지원하는 DOMContentLoaded functionality 가 없다. 그 비슷한 기능을 defer 속성을 이용해서 구현해 놓았다. defer속성은 W3C 표준 속성이지만 모질라 계열에서는 지원안하는거같다.

코드/JS 2013.10.23

jQuery.extend

서로 다른 object 혹은 플러그인 작성 시 default object를 정의해 두고 사용자가 임의로 options 값을 주었을 때 default로 정의 된 object의 값을 options의 값으로 merge 하는데 용이하게 사용됩니다. ------------------------------------------------------------------------------------------------ var object1 = { apple : 0, banana : {weight : 52, price : 100}, cherry : 97 }; var object2 = { banana : {price : 200}, durian : 100 }; $.extend(object1, object2); # 결..

코드/JS 2013.06.27

자바스크립트로 stylesheet 파일 로드하기

var lightBoxStyle = document.createElement('link'); lightBoxStyle.rel='stylesheet'; lightBoxStyle.href='/_COMMON/css/jquery.lightbox-0.5.css'; document.getElementsByTagName('head')[0].appendChild(lightBoxStyle); IE7에서 크래쉬난다는 소리가 있더라. 뭐 그딴걸 무시하는 나로썬 냅둬라.. 혹은 var headerHTML = document.getElementsByTagName('head')[0].innerHTML; headerHTML +=""; document.getElementsByTagName('head')[0].innerHTML = h..

코드/JS 2013.01.15