Note 137

문자인코딩 함수

encodeURI() / decodeURI() 최소한의 문자만 인코딩합니다. ; / ? : @ & = + $ , - _ . ! ~ * ' ( ) # 이런 문자는 인코딩하지 않습니다. http:// ... 등은 그대로 나옵니다. encodeURIComponent() / decodeURIComponent() 알파벳과 숫자 Alphanumeric Characters 외의, 대부분의 문자를 모두 인코딩합니다. http:// ... 가 http%3A%2F%2F 로 됩니다. escape() / unescape() 예 전부터 있던 오래된 함수입니다. encodeURI() 와 encodeURIComponent() 의 중간 정도의 범위로 문자를 인코딩합니다.

Note/그밖에 2011.06.30

언어별 substring 비교

javascript var str = "abcdef"; str = str.substring(2,4); //결과 "cd" //시작, 끝 인덱스 str = str.substr(2,4); //"cdef" //시작, 길이 JSP(java) Strgin str = "abcdef"; str.substring(2); //"cdef" //시작 인덱스 str.substring(2,4); //"cd" //시작, 끝 인덱스 ASP * ASP만 인덱스가 1부터 시작한다. Dim str str="abcdef" Mid(str,2,4) ' "bcde" ' 시작, 길이 Mid(str,2) ' "bcdef" ' 시작 인덱스 PHP $str="abcdef"; substr($str,2,4); //"cdef" //시작, 길이 substr(..

Note 2011.06.30

크로스 브라우징을 위한 핵 사용

/* 핵 */ Netscape 4 배제하기 Netscape 는 media 속성이 screen 이 아닌 경우 외부 스타일시트를 읽지 못하는 버그가 존재함. Win IE 3~4, Mac IE 4~4.5, Netscape 4 배제하기 @import url("/css/style.css") Win IE 4, Mac IE 4 는 인용부호가 "가 아니면 읽지 못하는 버그 존재. IE 3과 Netscape 4는 @import 지원하지 않음. Mac IE 5 배제하기 H1 { /* \*/ color:red; /* */ } Holly 핵이라 하며, 주석 안의 내용이 적용되지 않음. Win IE 4~5 배제하기 H1/**/ { color:red; } 셀렉터 뒤에 /**/ 삽입. Win IE 4~5, Mac IE 4.5~5 ..

Note/그밖에 2011.06.30

js 많이쓰는 숫자, 문자 함수

Math.round(value) //반올림 Math.ceil(value)//올림 Number(value)//숫자로변환(잇는그대로 숫자로바꿈) parseInt(value)//정수로변환 parseFloat(value)//실수로변환 String(value)//문자로변환 value.toFixed(2)//소숫점 자릿수 고정 value.split("^"); value.replace("-","");//문자열의 첫번째 - 를 바꾼다(없앤다) value.replace(/-/gi,"");//문자열의 모든 - 를 바꾼다(없앤다) value.replace(/,/gi,"");//문자열의 모든 , 를 바꾼다(없앤다) value.substring( x, y ); value.toLowerCase()//대문자 -> 소문자 value...

Note/그밖에 2011.06.30

JQuery 엘리먼트 선택자

J쿼리 공식홈에서 가져옴 $("E F"); //E의 자손이면서 태그명이 F인 모든 엘리먼트와 일치 $("E>F"); //E의 바로 아래 자식이면서 태그명이 F인 모든 엘러먼트와 일치 $("E+F"); //E의 형제 엘리먼트로 바로 다음에 나오는 엘리먼트 F와 일치 $("E~F"); //E의 형제 엘리먼트로 다음에 나오는 모든 엘리먼트 F와 일치 $(":first-child");//첫번째 자식 엘리먼트. li:first-child는 각 리스트의 첫번째 아이템을 반환한다. $(":last-child");//마지막 자식 엘리먼트. li:last-child는 각 리스트의 마지막 아이템을 반환한다. $(":only-child");//형제가 없는 모든 엘리먼트 반환 $(":nth-child(n)");//n번째 자식..

Note/그밖에 2011.06.30

JQuery :: $(document).ready

$(document).ready 함수는 DOM 로드가 끝나고 이미지가 로드되기 전에 실행된다. 도큐먼트가 준비되었다는 의미로 생각하면 쉬울것 같다. 보통의 html 페이지에서 - 페이지 로딩시점에서. 엘리먼트 id에 접근하여 이벤트를 발생시키려면 사이에 스크립트를 삽입하는것이 아니라 id를 정의한 태그 아래쪽에 스크립트를 삽입해야한다. JQuery를 사용하여 $(document).ready 를 사용하면 에 스크립트를 삽입하여도 DOM 트리를 로드 한 후에 실행하기때문에 정상적인 실행이 가능하다. 사용법은 다음과 같다. $(document).ready(function() { //1번 $('table').css("width","800px"); //2번 $('#switcher').trigger('click')..

Note/그밖에 2011.06.30