qOOp

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); // 오늘의 ..

검색시 팝업윈도우로 검색될때 까지 기다리기를 보여주는 창. 다른 방식도 많이 있지만.. 간단하게 쉽게 쓸수 있는 방법.. 위의 소스는 윈도우가 로드되면 자바스크립트가 실행되게 되어 있는데 만약 검색 버튼을 누른다고 생각하면 onClick 이벤트로 실행을 하면 된다. 현재의 파일을 실행하면 실행될 파일이 없으므로 새로운 윈도우가 표시되었다가 순식간에 사라진다.