본문 바로가기

반응형
   

Source

(1625)
Form, DOM DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Form #list1 { width:600px; border:1px solid gray; border-collapse:collapse; } #list1 td { border:1px solid gray; font-size:12px; padding:2px; } #list1 #header { font-weight:bold; text-align:center; background-color:Yellow; } function Test(f) { //var txt1 = document.forms[0] //v..
Screen, Location, History, link, image ScreenDOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Screen var w = window.screen.width; //해상도 너비 var h = window.screen.height;//해상도 높이 var aw = window.screen.availWidth; //실제사용가능한 너비 var ah = window.screen.availHeight; //실제 사용가능한 높이(작업표시줄 때문에 위 height보다 낮음) var c = window.screen.colorDepth;//디스플레이 색품질 32비트 색상 //alert(w + "..
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입니다. 외..

반응형