본문 바로가기

반응형
   

Programming

(421)
JavaScript BOM, Event JavaScript BOM, Event BOM BOM function Test() { //1. 텍스트박스 찾기(BOM) // - BOM은 무조건 최상위객체인 window부터 시작해서 족보를 타고 원하는 객체까지 내려가는 방식 //var txt1 = window.document.form1.txt1; window 제외 가능하다. var txt1 = document.form1.txt1; //2. 제어(속성) // - txt1.value = new Date().toLocaleString(); //alert(txt1.value); //txt1.readOnly = true; //클릭시 읽기전용으로 //alert(txt1.type); //어떤 타입인지 확인 //txt1.type = "button";//타입 변환은 불..
JavaScript 조건문 사용방법 JavaScript 조건문 사용방법 조건문 //조건문 // var n = 10; // if (n > 0) // { // alert("양수"); // } // else if (n < 0) // { // alert("음수"); // } // else // alert("영"); //숫자(0이면 false, 0이 아니면 true) //문자열(""이면 false, ""이 아니면 true // if (num != 0) // { // alert("참"); // } // else // { // alert("거짓"); // } // var name = "홍길동"; // switch (name)// {// case "홍길동":// alert("과장");// break;// case "아무게":// alert("부장");/..
JavaScript 배열, 날짜, 함수 호출(C#메서드와 동일) JavaScript 배열, 날짜, 함수 호출(C#메서드와 동일) 문자열 객체, 배열 객체 //문자열 객체 //배열 객체 - ArrayList와 유사 var nums = new Array(); //방갯수? -> 유동적 nums[0] = 100; nums[1] = 200; nums[2] = 300; //undefined(상태) : null과 유사 = 이공간은 아직 초기화가 안되었습니다. for (var i = 0; i < nums.length; i++) { //alert(nums[i]); } //Date객체 //1. 현재 시간(DateTime.Now) //2. 특정 시간(new DateTime(년,월,일,시,분,초)) //Date객체를 그냥 만들게 되면 now라는 곳에 현재 시간이 들어간다. var now ..
JavaScript 인라인, 내장, 외부, 자료형, 문자열 JavaScript 인라인, 내장, 외부, 자료형, 문자열 자바스크립트 //3. 외장 자바스크립트를 참조 //어쩔수 없이 따로 따로 사용해야한다. 참조 스크립트와 써야할 스크립트를 분리 //Javascript만의 영역 function Test() { alert("하나"); alert("둘"); alert("셋"); } //BOM모델 기준으로 찾았을떄 //HTML의 속성은 대부분 Javascript에서도 동일한 이름으로 제공 //순차적으로 읽기 때문에 없는값에 어떻게 안녕하세요를 찍냐!!라는것.. //window.document.form1.txtData.value = "안녕하세요."; function Init() { window.document.form1.txtData.value = "바디읽고 난후에 on..
Naver, 블로그 css 예제 네이버 기사 css로 만들어보자~DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> css 사용법 /* 기사 한줄 */ .item { margin-bottom:11px; } /* 기사 제목 */ .title { font-size:14px; font-family:돋움; font-weight:bold; color:#444444; letter-spacing:-3px; } /* 시간 편집 */ .time { font-size:10px; color:#888888; padding-left:10px; } .group { margin-bottom:35px; ..
display, size, border, margin, position, background, visibility css 정리 exam.htmlDOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> div { /*display:inline; 기존의 블록화된 부분 div를 inline화 한다*/ display:inline; } span { /*display:block; 기존의 인라인을 블록화 한다. 아래에서 span*/ display:block; } /*다음의 뜻은 "친부모가 아이디명 list1인 li에 서식(block->inline화)을 적용하라"라는 뜻*/ #list1 > li { display:inline; } 영역 영역 영역 인라인태그 span입니다. 외..
HTML Frame, Form, 메서드, 식별자 이론 HTML Frame, Form, 메서드, 식별자 이론 HTML족보 Window -> document -> body -> form 누구의 자식인지 확인한다. 최상위 Window 자식중 document 자식이 있다. 예로 body 태그가 있다. 문서가 더큰 개념 body가 문서보단 작은 개념 document자식중 a, img, form form은 textbox, radio버튼 등 자식들이 있다. 이러한 트리구조 개념을 BOM이라고 한다. BOM 모델에서 구분하기 위해서 만든게 name이다. name은 일부태그만 사용할수 있다. name=BOM 족보에서만 들어 있는 애들에서만 찾을수 있다. DOM 최상위 객체 HTML -> BODY -> DIV ->, FORM -> text 2번 예제 네이버 구글 야후 다음 ..
HTML 주소록, 전자제품 목록 예제 HTML 주소록, 전자제품 목록 예제 1번 문제 아이디 test 로그인 비밀번호 1111 2번 문제 번호 이름 나이 주소 전화번호 1 홍길동 20 서울시 010-111-5555 1 홍길동 20 서울시 010-111-5555 1 홍길동 20 서울시 010-111-5555 1 홍길동 20 서울시 010-111-5555 1 홍길동 20 서울시 010-111-5555 1 홍길동 20 서울시 010-111-5555 1 홍길동 20 서울시 010-111-5555 1 홍길동 20 서울시 010-111-5555 1 홍길동 20 서울시 010-111-5555 1 홍길동 20 서울시 010-111-5555 1 홍길동 20 서울시 010-111-5555 3번문제 대분류 소분류 상품명 수량 전자제품 비디오 AA 플레이어 20..

반응형