본문 바로가기
반응형
   

Source

 (1625)
Javascript 함수의 매개변수란 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> //자바스크립트 함수 선언은 안에서.. //1. 단순 함수 function Hello() {//함수의 본문(body) - 실행할 코드 집합 alert("안녕하세요...김종현님"); } //2. 인자값 있는 함수 function Hello2(name) {//name : 인자(변수) var라는 선언문이 빠진것 뿐이다. //name = "KJH"; alert("당신의 이름은" + name + "이 맞습니까?"); } //Hello2('KJH'); //Hello2('이번엔 다른걸 던져줄게');
Javascript 기본 함수 사용 방법 Javascript 기본 함수 사용 방법 //함수 : 명령어의 집합 //1. 함수 선언 function Hello() { alert('hiyo'); } //2. 함수 호출 //Hello(); //자료형, 상수, 변수 100; //숫자형 "안녕"; //문자열 true; //논리형(boolean, bool) false; //변수 - 데이터를 저장하는 공간 //1. 변수 생성 var name; //variable //2. 변수값 초기화 name = "김종현"; // 공간(LValue) = 데이터(RValue) var name2; name2 = name; //공간 = 공간 alert(name); alert(name2); alert(100); //? -> 가독성이 떨어짐.. for (i = 0; i
alert, function ************************************************************************************************************************* DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> input { border:1px solid gray; } /* Javascript - 자바스크립트 - 브라우저상에서 작동되는 프로그래밍 언어 - *.htm = XTHML(구조,데이터) + CSS(서식) + Javascript(프로그래밍) + C#/Java - JScript(IE..
CSS 날씨 표현 예제 CSS 날씨 표현 예제 SOURCE.html #divtit { width:580px; } #weatherTable { text-align:center; font-size:12px; color:#646464; width:580px; } hr { border-top:2px solid #808080; } .borderbar { border-right:1px solid #cecece; } span { color:#7B7B7B; font-size:11px; float:right; } .max { display:inline; padding-left:5px; color:red; font-weight:bold; font-size:12px; } .min { display:inline; padding-left:5px; c..
CSS 예제1 Weather01 exam.htmlDOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> div, td, span { font-family:돋움; font-size:12px; color:#4c4c4c; } #headerSub1 { font-weight:bold; color:#000066; } #headerSub2 { font-size:11px; } #wtable { border:1px solid #939393; border-collapse:collapse; width:280px; height:260px; margin-top:7px; } #wtable td { bor..
CSS 화면숨기기 : visiblity CSS 태그 화면숨기는 방법 visiblity input { border:1px solid black; background-color:white; width:80px; height:25px; margin-bottom:3px; display:block; } #btn1{ display:none; } #btn2{ visibility:hidden; }
CSS zindex,position CSS zindexexaml.htmlDOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> /* 포지션이 스태틱인 경우가 가장 안쪽으로 배치된다. */ #box1, #box2, #box3 { border:1px solid black; width:100px; height:100px; } #box1{ left:50px; top:50px; background-color:#f5eea7; position:absolute; z-index:1; } #box2{ left:80px; top:80px; background-color:#cdf0a6; position:..
CSS 투명종이 : relative Exam.html #box1, #box2, #box3 { width: 200px; height: 100px; border: 1px solid black; background: #cbfbfc; } /* 투명종이 개념이다. 네모난 박스를 여러개 겹쳐진다. 기준점은 최초 div 위치 */ #box3 { position: relative; /* left:50px; top:-50px; */ right: 50px; } 상자 테스트 상자 결과아래이미지를 보면 임의로 짤린것이 아니라 relative를 통해 상자를 왼쪽으로 좀더 배치시킨 상자가 왼쪽으로 밀린 모습입니다.
반응형

티스토리툴바