본문 바로가기

Language(언어)/JavaScript16

JavaScript 비밀번호(패스워드) 유효성 체크 (문자, 숫자, 특수문자의 조합으로 6~16자리) 비밀번호 참고자료 http://cafe.daum.net/PHP/2aVK/11?docid=NO142aVK1120021105213837 http://blog.naver.com/PostView.nhn?blogId=jihoon0083&logNo=104114413 http://blog.naver.com/PostView.nhn?blogId=fallove&logNo=70068794745 [ 출처 : 해피정닷컴 http://www.happyjung.com/bbs/board.php?bo_table=lecture&wr_id=1435 ] 2014. 4. 24.
자바스크립트(JavaScript) 문자 -> 숫자/숫자 -> 문자 로 형변환 자바스크립트에서 문자 -> 숫자/숫자 -> 문자 로 형변환 a=10; b=String(숫자형변수); 이렇게 되면 b가 number 타입이 되구요 이걸 다시 숫자형으로 바꾸려면 c=Number(b); 이렇게 하면 숫자형이 됩니다. String함수 설명 문자열을 처리하기 위한 객체입니다. ( String 객체는 어느 객체로부터도 상속되지 않은 독립 객체입니다.) 구문 문자열.속성 문자열.메소드(매개변수) 속성 : length ; 문자열의 길이입니다. 메소드 anchor() ; 하이퍼텍스트 링크로 사용되는 표식을 지정합니다. big() ; 문자열의 크기를 크게 합니다.. BIG 태그와 동일한 결과입니다. blink() ; 문자열을 깜박이게 합니다.. BLINK 태그와 동일한 결과입니다. bold() ; 문자열.. 2014. 1. 2.
자바스크립트(JavaScript) 체크박스 전체 선택 해제 및 색깔 변화 체크박스 전체 선택 해제 및 색깔 변화 체크박스 전체 선택 해제 및 색깔 변화 function chkBox(bool) { var obj = document.getElementsByName("to"); for (var i=0; i 2013. 12. 18.
자바스크립트(JavaScript) getElementById(), getElementsByName() 이란? getElementById(), getElementsByName() 이란? getElementById()의 경우는 오브젝트의 id속성을 통해 인식하고 getElementsByName()의 경우는 오브젝트의 name을 통해 인식한다. FF에서는 위의 룰에 따라 식별하며 IE는 알아서 식별해준다. FF의 경우 getElementById()을 사용시 textarea에 id="myTextArea"가 없는 경우 또는 getElementsByName()을 사용시 textarea에 name="myTextArea"가 없는 경우 에러가 발생한다. 그리고 둘의 차이는 단수냐 복수냐 즉 단일 오브젝트냐 복수의 오브젝트(배열지정)냐로 구분할수 있다. 위의 예제처럼 2개의 동일한 id name의 텍스트 필드가 있을경우 getE.. 2013. 12. 18.
자바스크립트(JavaScript) Form.elements[] Form.elements[] 설명 폼의 입력 엘리먼트들 readonly HTMLCollection element 구문 elements는 HTML 폼 내에 나타나는 폼 엘리먼트들(Input, Select, Textarea 객체 등)을 담은 배열처럼 작동하는 HTMLCollection 객체다. 배열 내에 들어 있는 엘리먼트들은 HTML 소스 코드에 나타난 순서대로 들어 있다. 각 엘리먼트에는 그 엘리먼트의 종류를 나타내는 type 프로퍼티가 있다. 사용방법 elements[] 배열 내 어떤 아이템이 HTML 태그를 나타내고 name="name" 어트리뷰트를 통해 이름이 주어져 있으면, 이 아이템의 이름은 form 의 프로퍼티가 되고 이 프로퍼티로 이 아이템을 참조할 수 있다. 따라서 다음과 같이 번호가 아니.. 2013. 12. 18.
자바스크립트(JavaScript) 문자열 함수 자바스크립트(JavaScript) 문자열 함수 문자열.indexOf("찾고자하는문자(열)"); 문자의 index 값 출력, 0부터 시작, 대소문자 구분, 중복시 앞의 값, 존재하지 않을 경우 -1 문자열.lastIndexOf("찾고자하는문자(열)"); 뒤쪽에서부터 찾기 시작, indexOf와 찾는 방향만 다른 함수. 문자열.charAt(Index번호) 문자열에서 index번호에 해당되는 문자 리턴. 문자열.substring(시작인덱스번호, 끝인덱스번호) 문자열에서 시작인덱스번호번터 시작해서 끝인덱스번호-1까지 리턴. 끝인덱스 생략시 문자열끝까지 문자열.slice(시작인덱스번호, 끝인덱스번호) substring과 같지만 음수도 가능(음수는 오른쪽기준 0부터시작) 문자열.substr(시작인덱스번호, 리턴길이.. 2013. 12. 10.
자바스크립트(JavaScript) javascript, setAttribute IE7, IE8~ 구분 적용 javascript, setAttribute IE7, IE8~ 구분 적용 Example #1 소개용 예제 var onclick = button_element.getAttribute("onclick"); // if onclick is not a function, it's not IE7, so use setAttributeif(typeof(onclick) != "function") { button_element.setAttribute('onclick','doSomething();' + onclick); // for FF,IE8 ~ ,Chrome // if onclick is a function, use the IE7 method and call onclick() in the anonymous function.. 2013. 12. 10.
자바스크립트(JavaScript) 엔터를 통해 강제로 Submit 하는 방법 엔터를 통해 강제로 Submit 하는 방법 onkeydown="javascript: if (event.keyCode == 13) {go_view();}" 엔터를 통해 강제로 Submit를 막기 위한 방법은 여러가지가 있습니다. 가장 쉬운 방법은 보이지 않게.. 입력박스를 하나 더만들면 됩니다. ------------------------------------------------ Example #1 소개용 예제 ------------------------------------------------ 또 다른 방법으로. Javascript 등으로 강제로 제어를 할 수 있습니다. ------------------------------------------------ Example #2 소개용 예제 ------.. 2013. 12. 9.
자바스크립트(JavaScript) Button객체, submit객체 Button객체, submit객체 Button객체는 주로 명령을 수행할 때 사용하는 객체로 onclick이벤트가 발생할 떄 사용한다. 자바스크립트에서 사용할 수 있는 버튼의 종류는 일반버튼 , 이미지버튼 , 전송버튼 , 최소버튼 으로 이루어진다. 일반 버튼은 버튼 입력 양식을 자바스크립트로 접근하기 위하여 만들어진 것으로 button객체를 가리키고있는 form 객체와 함께 사용된다. 전송 버튼은 일반 버튼과 같은 모양을 하고 있지만 사용자가 입력한 정보를 웹 서버로 전달한다. form태그의 action속성에서 지정한 URL로 전송하는 역활을 하는 것과 같다. 최소버튼은 전송버튼과 같은 개념이지만 차이점이 있다면 입력한 정보를 웹서버로 전달 하지 않고 입력한 정보를 초기화 한다. Botton 객체 이 름 .. 2013. 12. 9.
자바스크립트(JavaScript) 연산자와 제어문 연산자 2.9.1. 산술 연산자 A+B A 더하기 B A-B A 빼기 B A*B A 곱하기 B A/B A 나누기 B A%B A를 B로 나눈 나머지값 2.9.2. 증감 연산자 A++ A 값을 변수에 전달 한 후 A를 1 증가시킵니다 A-- A 값을 변수에 전달 한 후 A를 1 감소시킵니다 ++A A를 1 증가시킨 후 변수에 전달합니다 --A A를 1 감소시킨 후 변수에 전달합니다 2.9.3. 문자열 연산자 "문자열A"+"문자열B" 두 개의 문자열을 하나의 문자열로 합칩니다 A += "문자열B" 변수 A 에 문자열B를 추가합니다 2.9.4. 할당 연산자 A=B B의 값을 A에 할당합니다 A+=B A와 B를 더한값을 A에 할당합니다 A-=B A에서 B를 뺀값을 A에 할당합니다 A*=B A에서 B를 곱한값을 A.. 2013. 12. 3.
자바스크립트(JavaScript) 변수와 데이터형 변수 변수(Variable)란 데이터를 저장하는 장소로 어떤 내용을 담아두는 용기에 비유할 수 있습니다. 일반적으로 변수 선언은 아래와 같은 방법을 사용합니다 var myVar=변수값 myVar=변수값 myVar1=변수값1,myVar2=변수값2,myVar3=변수값3,.. var myVar1, myVar2, myVar3... 변수의 이름은 a-Z 까지의 알파벳과 0-9까지의 숫자, 언더바(Under Bar ; "_")의 조합으로 사용할 수 있습니다. 하지만 변수이름의 첫글자는 반드시 알파벳이나 언더바로 시작되어야 합니다. 또한, 변수명으로 자바스크립트 예약어는 사용할 수 없습니다 ※ 자바스크립트 예약어 abstract case continue extends for import long private sta.. 2013. 12. 3.
자바스크립트(JavaScript) 브라우저 객체별 속성과 메소드 브라우저 객체별 속성과 메소드 2.3.1. navigator : 브라우저의 이름, 버전 등 브라우저 관련 정보를 알려줍니다 속성 appCodeName 브라우저 코드 이름을 알려줍니다 appName 브라우저의 이름을 알려줍니다 appVersion 브라우저의 버전정보를 알려줍니다 userAgent 브라우저의 User Agent를 알려줍니다 platform 사용중인 시스템 정보를 알려줍니다 메소드 JavaEnabled() 자바 사용이 가능한지 여부를 true, false 형태로 알려줍니다 2.3.2. event : 이벤트에 관한 속성 정보를 알려줍니다 네츠케이프 익스플로러 pageX 페이지를 기준으로 이벤트가 발생한 X 좌표 clientX 클라이언트 영역 내에서 이벤트가 발생한 X 좌표 pageY 페이지를 기.. 2013. 12. 3.
자바스크립트(JavaScript) Form 객체 : 입력양식에 관한 객체 브라우저 객체별 속성과 메소드 (Ⅱ) Form 객체 : 입력양식에 관한 객체 태그에 의해 생성되는 객체입니다 객체 모양 설명 option 1 option 2 option 3 option 4 option 1 option 2 option 3 option 4 속성 action 폼 태그의 action 속성 button 버튼 객체 checkbox 체크박스 객체 elements 폼의 하위 객체 encoding 폼태그의 enctype 속성 fileupload fileupload 객체 hidden hidden 객체 length 엘리먼.. 2013. 12. 3.
자바스크립트(JavaScript) 의 개념 1. 자바스크립트의 개념 -------------------------------------------------------------------------------- 1.1. 자바스크립트란? 자바스크립트는 객체 지향적 프로그래밍 언어의 일종입니다. 즉, 웹 브라우저와 웹문서의 모든 요소를 객체(Object)로 인식하여 실행하고, 펄이나 C, C++ 등과 같이 서버에 설치되어 서버에서 실행되는 언어와는 달리, 사용자의 PC에서 동작하는 스크립트 언어입니다. 물론 서버측 자바스크립트도 있지만, 여기에서는 다루지 않습니다. 자바스크립트(JavaScript)는 선마이크로시스템즈라는 회사에서 LiveScript 라는 이름으로 처음 개발되었다가 네츠케이프사의 네비게이터 2.0 에 탑재되면서 자바스크립트라는 이름.. 2013. 12. 3.
자바스크립트(JavaScript) 란 무엇인가 ? 1. 자바스크립트를 HTML페이지에 포함시키는 방법 시이에 작성하며 보통부분에 위치시킨다. 2. 객체(Object)란 ? 자바스크립트는 웹브라우저와 HTML페이지의 내용물 각각을 하나의 객체(Object)로 보고 활용한다. 예를 들어 현재 페이지, 폼, 문자입력박스, 버튼등이 모두 하나의 객체이다 3. 메쏘드(Method)란 ? 객체를 움직이는 방법을 말한다. 새로운 창을 열고(window.open()) 바로 직전의 주소로 이동하는 것(history.go(-1)) 에서 open()과 go()가 바로 메쏘드이다 4. 속성(Property)이란 ? 각 객체가 가지는 고유한 값을 말한다. 현재 문서를 의미하는 document객체는 배경색(bgcolor), 타이틀(title)등의 속성을 가지고 있고, 때에 따라.. 2013. 12. 3.
자바스크립트(javascript) 스크립트 제어 radio, checkbox, 숫자만입력 관련 스크립트 제어 radio, checkbox, 숫자만입력 관련 for(var i=0;i 2013. 11. 19.

티스토리툴바