본문 바로가기

반응형
   

Programming/Javascript

(23)
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..
Javascript 약관동의 소스DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> div, input, label { font-size:12px; } #div1, #div2, #div3 { width:500px; margin:10px; } #div1 { height:100px; overflow:auto; border:1px solid black; padding:10px; } function Agree(b) { document.getElementById("btn1").disabled = b; } 약관 : 본사이트에서 동의하십니까염그리고본사이트에서 동의하십니까염그리고본사이트..
Javascript hidden, visible 컨트롤 소스DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> #div {text-align:center;} #bigDiv { width:500px; height:500px; border:2px solid black; margin:0px auto; background-color:#afafe7; } #smallDiv { width:400px; height:70px; border:1px solid black; margin:5px auto; } .small { width:65px } #big { width:300px; margin-top:70px; } fu..
Javascript 검색창 광고후 텍스트 모드시 백이미지 없애기 소스DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> #txt1, #btn1 { background-color:black; color:white; font-weight:bold; } #search { /*background-image:url(images/sp_fms.gif);*/ /*background-repeat:no-repeat;*/ /*가로는 가운데 세로는 현재위치(0)*/ /*background-position:center -18px;*/ /*background-position:center -40px;*/ /*background-pos..
Javascript css 제어 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> function Test() { var div = document.getElementById("div1"); //자바스크립트로 CSS 제어, 패턴이 단하나(모든스타일리스트 제어 가능) //1. 모든 태그는 style 속성이 있음 //div.style //2. style속성 뒤에 모든 CSS의 표현을 추가 // a. '-'는 삭제 // b. 각 단어의 첫문자는 대문자 // c. 모든 속성값은 "값" 형식으로 div.style.backgroundColor = "red"; div.style.font..
Javascript mouseover DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> //onmouseover : 태그에 마우스가 올라갈때 발생 //Show(this) 복사 한다 obj로 function Show(obj) { //onmouseover : 태그에 마우스가 올라갈때 발생 //alert("이미지가 올라갔습니다."); //롤오버이미지 - 메뉴, 아이템 //다른태그도 가능하다 img 태그외에도 //document.getElementById("img1").src="images/angry.png"; //이미지태그를 통쨰로 넘겨준것이다. obj.src = "images/ang..
Javascript InnerHTML Javascript InnerHTML소스 function Test() { //태그 접근 -> 조작 var link = document.getElementById("link1"); //태그가 가지고 있는 속성을 자바스크립트에서 접근 link.href = "http://www.gogle.com"; link.title = "구글"; //시작태그와 끝태그 사이의 텍스트 접근 link.innerText = "구글"; } function Test2() { var div = document.getElementById("div1"); //div는 a, img와는 틀리게 태그상에 속성이 식별자 외엔 없다. title 태그, 와 innerText는 모든태그 적용 가능 //alert(div.innerText); //div...

반응형