코딩 이야기

이름 성별 남 여 휴대폰번호 이메일 패스워드 패스워드 확인

onclick 이벤트 라디오 버튼요소에 onclick이벤트를 설정하여 배경색을 바꿔보기 DOCTYPE html> Insert title here function changeColor(c) { document.getElementById("target").style.backgroundColor = c; } 파랑색 녹색 onload와 onunload 이벤트 사용자가 웹 페이지에 진입하거나 웹 페이지를 떠나면 각각 onload와 onunload이벤트가 발생된다. onload 이벤트를 이용하면 방문자의 브라우저 종류나 브라우저 버전을 알 수 있어서 적절한 버전의 웹 페이지르 로드할 수 있다. onload와 onunload이벤트는 쿠키를 처리하는데도 사용될 수 있다. 페이지가 로드되면 경고 대화상자를 뛰우고 페이지..

폼 데이터 접근 사용자가 입력한 폼 데이터에 접근하기 위해서는 폼 안에 있는 필드의 id나 name 속성을 이용해야 한다. id 속성은 페이지의 요소 식별 name 속성은 폼 내부에서 필드를 식별 id 속성을 이용하려면 getElementById()를 사용 하면되지만 name 속성은 form 객체에서 name 을 찾아야된다. form 객체는 배열이고 각 배열 요소는 form["name"] 과 같이 name 속성으로 접근할 수 있다. DOCTYPE html> Document function dispaly(from) { alert(from["addr"].value); } 공백검증 가장 기초적인 데이터 검증은 필드가 비어 있는지를 체크하는 것이다. 사용자가 아무것도 입력하지 않은 경우를 체크하는 코드를 작성해..

브라우저 객체 모델 브라우저 객체 모델 (BOM: Browser Object Model)은 웹 브라우저가 가지고 있는 모든 객체를 의미한다. 최상위 객체는 window 이고 그 아래로 navigator,location,history,screen,document,frames객체가 있다. window - 메인 브라우저 윈도우 window.navigator - 브라우저에 대한 정보(버전 번호와 같은 정보들) window.screen - 사용자 화면 window.history - 사용자가 방문한 URL 저장 window.location - 현재 URL window.frames - 브라우저 윈도우를 차지하고 있는 프레임들 window.document - 메인 브라우저에 표시된 HTML 문서 window 객체 wi..