qOOp

AJAX (Asynchronous Javascript and XML) Ajax의 영문으로 보아서 javascript와 XML을 사용한 어떤 언어 같이 느껴질수 있다. 물론 javascript와 XML을 사용하지 않는것은 아니다. 당연히 Ajax에서 javascript와 XML은 많은 부분을 차지한다. 그러나 그 외에도 DOM, JSON 등 복합적으로 사용되는것이 Ajax이다. 이름으로 보아서는 새로운 방식의 언어라고 생각할수도 있을지 모르지만 우리가 예전부터 익히 사용해 왔던 DHTML을 기본으로 여러가지 기능이 추가된 언어라고 생각하면 될듯하다. DHTML은 Dynamic HTML 즉 DOM을 사용해서 문서를 동적으로 변화시키는 방식인데 Ajax는 DHTML을 많이 사용한다. Ajax와 기존의 방식과 ..

Javascript 와 DOM을 사용해 간단한 시계. 시계 현재 시간은 입니다. DOM(Document Object Model)의 getElementById를 사용하여 ID가 clock를 clock 변수에 넣고, now에는 현재의 시간을 설정한다. DOM을 가장 편하게 쓸수 있는 방법 중의 하나가 innerHTML 인데, clock.innerHTML 에 현재의 시간을 넣으면 쉽게 span 태그내에 시간이 들어간다. 소스 보기를 하면 당연히 span 태그 내에는 아무것도 없다.

CSS와 DOM과 Javascript를 이용한 간단한 ShowHide. SHOW HIDE TEST M1 M2 M3 M1............. M2............. M3............. 조금만 생각을 하면 다양하게 응용가능하며, 색상도 함께 바꿀수 있다. 반드시 DOM을 사용할경우에는 대소문자를 구별하므로 getElementById 라고 표기해야한다.

Input 필더에 숫자 이외에는 입력이 되지 않게 하기.. 코드를 복사해서 qoop.html로 저장하고 브라우저로 문서를 연다. 그런다음 입력폼에 숫자가 아닌 다른 문자를 입력하면 문자가 입력이 되지 않는것을 볼수 있다. 당연히 숫자를 입력하면 숫자는 입력이 된다. 아스키코드 48부터 57까지가 숫자 0에서 9까지의 문자를 나타내기 때문에 만약 키보드의 입력값이 아스키 코드 48보다 작거나 57보다 클 경우에는 false 값을 돌려줘 입력이 되지 않게 한다.

OnLoad시 바로 실행하기 자바스크립트를 페이지가 로드되는 순간 자동으로 실행하는 방법은 일반적으로 형식으로 하는 방법을 많이 쓰고 있다. 당연히 스크립트 부분에 function load() 라는 함수가 있어야한다. … 이것을 가장 많이 쓰는 방법이다. 바디 부분에 입력을 하지 않고 스크립트 부분에서 바로 처리하는 방법이 있다. window.onload 이다. 이런 형식으로 window.onload를 사용하면 바디 부분에 태그를 입력하지 않아도 쉽게 사용할수 있다.

Date객체 var Today = new Date(); ex) document.write(Today); // 현재의 날짜 시간 등을 반환한다. getYear() : Date의 년도를 반환한다. ex) var Ytime = Today.getYear(); document.write(Ytime); // 올 년도를 반환한다. getMonth() : Date의 월을 반환한다. 0(1월)- 11(12월) ex) var Mmonth = Today.getMonth(); document.write(Mmonth); // 이번달을 반환한다. getDate() : Date객체의 일을 반환한다. 값의 범위는 1-31. ex) var Dday = Today.getDate(); document.write(Dday); // 오늘의 ..

DOM이란 Document Object Model 의 약자로서 "문서객체모델" 이다. CSS가 웹페이지의 스타일 변경을 한다고 하면, DOM은 웹페이지를 동적으로 움직일수 있게 도와준다고 생각하면 된다. 그러나 DOM만 있다고 해서 웹페이를 동적으로 만들수 있는것은 아니고, Javascript등의 제어를 통해서 동적으로 만들수 있다. getElementById() 메소드는 특정 아이디를 가진 요소 노드에 직접 접근할수 있다. 대소문자를 구분하므로 반드시 getElementById 로 적어야 한다. 메인메뉴 서브메뉴1 | 서브메뉴2 | 서브메뉴3 | 서브메뉴4 | 서브메뉴5 여기부터는 내용입니다. 2개의 DIV 태그에 각각 아이디를 부여하고 그 아이디를 getElementById 메소드로 접근해서 해당 스..