여름나라겨울이야기

파일 이름만 정확하다면 잘 보일거삼 단, 이미지가 원도우 크기보다 크면 스크롤바는 기본.. 소스:

폼 전송이 일어날 때 ACTION 속성을 무시하고 onSubmit 이벤트를 발생시키기 위한 코드이다. onSubmit 이벤트만을 실행하기 위해서는 ACTION 속성에 값을 할당해서는 안 된다. 그래서 javascript:void%200; 를 사용했다 %20 은 공백에 대한 인코딩한 것이다. 일부 브라우저에서는 action="" 인 경우 경고를 발생시키지만 위와 같이 하면 그런 경고가 발생하지 않는다.

encodeURIComponent() 함수를 이용해서 URL 을 인코딩해보자. 테스트와 소스 그 이상 설명이 필요없을 듯... 테스트: URLEncoded URL 소스: URL Encoded URL

자바스크립트에서의 숫자 판별은 그리 자주 이용하는 기능이 아니라서 늘 잊어먹기만 한다. 기왕 시작한 블러깅이니 머리 속에, 그리고 여기 저기 흩어져 있던 잡학을 모아 보는 거다. isNaN(판별대상) isNaN: is Not a Number 판별대상이 숫자이면 false 를, 숫자가 아니면 true 를 반납한다. 테스트: 자동 판별 (포커스를 벗어나면)수동 판별 (뒤에 버튼을 누르면) 소스: (아래 부분을 클릭하고 Ctrl + A 를 누르면 깔끔하게 선택 완료) 자동 판별 (포커스를 벗어나면) 수동 판별 (뒤에 버튼을 누르면)

자바스크립트에서 replace 를 사용할 때 단순히 replace('a', 'b') 라고 쓰면 맨 처음 나타나는 'a' 만을 'b' 로 단 하나만 바꾸어 준다. 하지만 정규식을 이용한다면 모든 'a' 를 'b' 로 바꾸는 것도 가능하다. replace(/a/gi, 'b') 처럼 말이다. 여기서 a 를 바꾸어질 문자(열), b 는 바뀔 문자(열)가 되겠다. 원한다면 무엇을 바꾸어도 되겠지.. g 의 의미는: 발생할 모든 pattern에 대한 전역 검색 i 의 의미는: 대/소문자 구분 안함 m 의 의미는: 여러 줄 검색(여기서는 사용하지 않았다. 원한다면 하자.) 문자열을 바꾸고 싶다면 문자열을 입력해 주자. 아래 소스는 abc 라는 문자열을 def 라는 문자열로 바꾸어 주는 소스이다. replace(/ab..

자바스크립트에서 Trim, 즉 입력값의 좌우공백을 제거하는 함수를 정규식을 이용해서 구현해 보자. 출처가 데브피아였다는 것을 빼고는 별로 기억이 없다. 백문이 불여일견 앞뒤로 공백이 있는 문자를 입력하고 각각의 결과를 아래 화면에서 확인해 보면 확실한 느낌이 올 것이다. 테스트: 자동 Tirm (포커스를 벗어나면)수동 Trim (뒤에 버튼을 누르면) 소스: (아래 부분을 클릭하고 Ctrl + A 를 누르면 깔끔하게 선택 완료) 자동 Tirm (포커스를 벗어나면) 수동 Trim (뒤에 버튼을 누르면) 핵심은 아래부분이다. 정규식과 자바의 prototype 속성을 몰라도 사용하는데는 지장이 없겠지만 정규식 같은 경우는 반드시 학습해 둘 필요가 있다고 하겠다. String.prototype.trim = fun..