본문 바로가기

프로그래밍/JavaScript14

javascript 정규표현식 공백 space 체크하기 정규표현식 \s 를 이용하면 됩니다. 아래와 같이 체크가 가능하고, 응용하면 여러가지 다양한 방법으로 처리가 가능합니다. 탭, 스페이스 엔터값을 체크하는 방법에 대해서 아래에서 자세히 알아보겠습니다. 공백을 체크하는 정규표현식 소개에 앞서 web에서 바로 무료로 javascript구문을 짜서 테스트 해볼수 있는 사이트에 대해 정리한 포스팅을 소개 합니다. web페이지에서 바로 javascript를 짜서 테스트 해볼수 있어서, 간단한 테스트를 해보기에 좋습니다. 아래를 버튼 링크를 통해서 무료 테스트 사이트 소개에 대한 내용을 확인해 보시기 바랍니다. javascript 테스트사이트 참조 정보 (클릭) var pattern = /\s/g; // 공백 체크 정규표현식 - 탭, 스페이스 // 공백 넣고 테스트.. 2020. 12. 29.
iframe 내부 접근 방법 ( contentWindow Property ) * 설명 contentWindow property는 frame 또는 iframe element에 의해 생성된 Window object를 반환한다. (window object를 통해, document object에 접근할 수 있고, 그리고 document의 element 중 하나에 접근할 수 있다.) *HTML 부분 - a.html ... -b.html ... .... *사용 - a.html자신에게 속해 있는 b.html 의 iframe 안에 있는 element에 접근 하고 싶다. document.getElementById('iframe_id').contentWindow.document .getElementById("element_id") // or document.getElementById('iframe.. 2020. 12. 24.
onbeforeunload 닫기 이벤트 처리 ( X 버튼, 새로고침) 1. 글쓰기 페이지 에서 글쓰고 있는 페이지를 벗어나려고 하는 경우 사용하면 되겠다. 크롬 / 파이어폭스 / IE 테스트 결과 다 잘된다. window.onbeforeunload = function (e) { e = e || window.event; // For IE 2020. 12. 24.
javascript JSON 파싱 방법 ( JSON.parse, eval ) javascript JSON 파싱 방법에 3가지에 대해 정리한다. 1) eval 함수 사용 결과 : 1, 용남짱 2) JSON.parse 함수 사용 eval()은 빠르기는 하지만 단순히 그안의 스트링을 그대로 실행시켜 주는 것이기 때문에 리턴값으로 자바스크립트 명령문이 온다면 그대로 실행시켜버리기 때문에 보안이슈가 발생할 수 있다. 자세히 jsonStr을 보면 위 eval에서 사용한 json은 json 형식에 위배 된다. " 가 안들어갔음 // 결과 : 1, 용남짱 최신브라우저는 javascript 엔진이 JSON을 객체로 채택한듯 하다. JSON 의 현재 최신브라우저에서는 정상적으로 동작하나 예전 구형 브라우저에서는 JSON 객체를 못찾을수 있다. 그러한 문제를 해결하기 위해서는 JSON.parse().. 2020. 12. 24.
javascript 문자열 치환, 전체 문자열 치환 ( replaceAll ) 자바스크립트에는 java 처럼 replaceAll이 없기때문에 아래와 같이 함수를 만들어 처리 할수 있다. split과 join을 써서 java의 replaceAll과 같은 효과를 볼수 있다. /** * @ str 내용전체 * @ findstr 내용전체에서 찾을 문자 * @ newstr 내용전체에서 변경될 문자 */ function replaceAll(str, findstr, newstr) { return str.split(findstr).join(newstr); } 1. 사용 예 // cc 를 찾아서 kk 로 치환해줘~ replaceAll('aa bb cc cc','cc', 'kk'); 2. 결과 aa bb kk kk 참으로 쉽죠?? 2020. 12. 23.
정규표현식 역참조 ( replace ) 정규표현식을 많이들 쓰지만, 역참조는 많이들 안쓴다. 알고 쓰면 상당히 편리하다. 보통 정규표현식으로 패턴에 해당값을 추출만 하지, 패턴에 해당하는 값에 추가로 값을 붙일때 쓰면 편리하다. ( 역참조를 사용하면 원문의 특정 패턴을 찾아 "추가문자 + 패턴 + 추가문자" 으로 치환이 가능) 말이 어려우니 밑에 코드 보는게 역시 제일 빠르다. 여기 아래에 String 값에 이메일 주소가 있다. var string = "Hello, ynkim@ynkim.com is my email address."; 나는 이메일 값에다가 시작과 끝에다가 대괄호 추가로 넣고 싶어!! 이렇게 => "Hello, [ynkim@ynkim.com] is my email address."; 이때 정규식 역참조를 쓰면 된다. (이메일 정.. 2020. 12. 23.