본문 바로가기
  • think normal

String 객체6

샘플소스5) javascript 기본 문서구조 : DOM (2) 샘플소스5) javascript 기본 문서구조 : DOM (2) 예제 1 ) typeof를 이용해서 쇼핑목록의 수 만큼 alert 창을 띄워보자. dom test 쇼핑목록 이것만은 꼭 사자.. 우유 치즈 쥬스 // var lis =document.getElementById("buy").getElementsByTagName("li"); for(var i=0;i 예제 2 ) 문서 안의 속성를 변경하여 그 값을 alert 창에 띄워보자. dom test 쇼핑목록 이것만은 꼭 사자.. 우유 치즈 쥬스 // /* 예제1) var lis =document.getElementById("buy").getElementsByTagName("li"); for(var i=0;i 2011. 4. 23.
샘플소스5) javascript 기본 문서구조 : DOM (1) 샘플소스5) javascript 기본 문서구조 : DOM * 알아야 할 개념 :: 노드(문서는 노드의집합니다.), 요소 노드, 텍스트 노드, 속성 노드 * 알아야 할 요소 document.getElementById // ID는 한번만.. document.getElementsByTagName //s ex) document.getElementsByTagName("li"); getAttribute() : 속성의 값을 반환해준다. // 인자값(속성명) ex) document.getElementById("photo").getAttribute("src"); setAttribute() : 바꿀값 //인자값(속성명,바꿀값) ex) document.getElementById("photo").setAttribute("sr.. 2011. 4. 23.
샘플소스5) javascript 기본 문서구조 : cookie (2) 샘플소스5) javascript 기본 문서구조 : cookie (2) 팝업만들고 쿠키로 제어하기 1)예제 쿠키 // var cookieName="pop_chk"; var cookieValue="pop2010"; //먼저 쿠키 체크하기 var str=document.cookie; //초기화 if(str.indexOf("pop_chk") != -1){ // indexOf는 "찾고자하는 문자가 없으면 -1이 나온다." 있으면 0,1 num = str.substr(cookieName.length+1); //substr인덱스 번호를 이용해 원하는 문자열을 가져다 쓸 수 있게 한다. //str(시작 번호,문자 개수)///문자 갯수안쓰면 끝까지... //-> 결국, 쿠키에서 값을 가져온다. } //값확인하기 aler.. 2011. 4. 23.
샘플소스5) javascript 기본 문서구조 : cookie (1) 샘플소스5) javascript 기본 문서구조 : cookie (1) name :이름 expires: date path :경로 domain:쿠키가 일치하는 URL secure:true/false를 이용해서 데이터 전송여부를 묻는다. excape:유니코드형식으로 바꾼다. toGMTString():그리니치 표준시를 사용하여 문자열로 변환된 일자를 반환. 1) 쿠키생성하는 예제 쿠키 // var cookieName="pop_chk"; var cookieValue="pop2010"; today=new Date(); today.setDate(today.getDate()+1); document.cookie=cookieName+ "=" +escape(cookieValue)+ "; path=/; expires=" +t.. 2011. 4. 23.
샘플소스4) javascript 기본 문서구조 ( string 객체2_예제2 ) 샘플소스4) javascript 기본 문서구조 ( string 객체2_예제2 ) 이번에는 스트링 객체를 이용한 마우스 롤오버 예제를 만들어본다. 조금씩 실전에 쓰이는 예제들이 등당하기 시작한다. 보통은 이미지의 경로는 직접 지정을 해서 이미지를 보여주지만 아래의 예제를 사용하면 문자열의 일정 한 규칙에 의한 순서 또는 문자를 바꿔줌으로써 자동으로 호출할 수 있게 해준다. 이를테면,그림이 50개 또는 그 이상일 경우와 같이 일일이 다 경로를 지정하기 어려운 경우에 쓰이게된다. 우선 두장짜리 이미지 작업을 먼저 해보기로 하자. Open in Google Docs Viewer Open link in new tab Open link in new window Open link in new incognito win.. 2011. 4. 19.
샘플소스4) javascript 기본 문서구조 ( string 객체2_예제1 ) 샘플소스4) javascript 기본 문서구조 ( string 객체2_예제1 ) 주민등록번호 체크하기 예제 만들어보기 먼저 주민등록번호의 규칙을 알아야하는데... 첫번째로 860624-1080421" 라면 2,3,4,5,6,7,8,9,2,3,4,5 순으로 곱해야하고 11로 나누고 그 몫을 다시한번 11로 뺀수가 마지막 숫자와 비교해야 한다 ..고 한다. 사실 시작에 앞서 나도 잘 이해가 안갔다. 우선 예제를 통해 코드가 돌아가는 걸 보면 대충 이해가 간다. 2011. 4. 19.