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 메소드로 접근해서 해당 스..