Blog Content

JavaScript 문자열 관련 함수 예제 입니다. var s = " Abc Def Fed Cba "; document.writeln("길이 : " + s.length); //길이 document.writeln("대문자출력 : " + s.toUpperCase()); //대문자 document.writeln("소문자출력 : " + s.toLowerCase()); //소문자 document.writeln("글자체 볼트로 : " + s.bold()); //볼드 document.writeln("이탤릭체 : " + s.italics()); //이탤릭 //1번째 인덱스 : A, IndexOf() document.writeln("인덱스 1번째자리 : " + s.charAt(1)); //뒤에서 b검색 : 14 docu..

JavaScript의 날짜관련 예제입니다. 날짜관련내장객체 //현재 시간을 출력 var today = new Date(); //출력 document.write(today.getFullYear() + " "); document.write((today.getMonth() + 1) + " "); document.write(today.getDate() + " "); document.write(today.getDay() + " "); //0요일~6요일까지 document.write(today.getHours() + " "); document.write(today.getMinutes() + " "); document.write(today.getSeconds() + " "); document.write(today.g..

JavaScript의 이벤트를 모은 예제 입니다. 예제 이벤트 1.클릭 : 클릭 했을때 메세지 박스 출력 2.오버/아웃 : 마우스 포인터 가 해당 영역들어왔을때와 나갔을때 3.두번클릭 : 두번클릭시 글씨체 변경 여기서는 두껍게 4.다운 : 클릭시 다른 웹 페이지로 이동 5.무브 : 마우스 포인터가 해당영역에 들어오면 바로 메세지 박스 출력 6.업 : 클릭시 새 웹페이지창 출력 7.텍스트 박스 안에서 키를 놓을 때 발생 8.텍스트 박스 안에서 키를 눌렀다 놓는 순간 발생 9.텍스트 박스 안에서 처음 키를 누를때 발생 10. 버튼 클릭시 버튼 포커스 색상 변경 11."1234"가 아닌 다른 값 입력시 "쉬는시간" 메세지박스 출력 12.즐겨찾기 목록 선택시 해당 사이트로 이동 파일 다운 받으시고 파일 실행하시..

JavaScript에서 스타일시트를 적용하는 예제입니다. // 스타일 변경 함수 function ChangeStyle() { var div1 = document.getElementById("myLayer"); div1.style.backgroundColor = "Yellow"; div1.style.border = "1px solid red"; div1.style.fontSize = "30pt"; } // 앞뒤로 이동하게 하는 함수 function GoGo(flag) { var div1 = document.getElementById("myLayer"); if (flag == -1) { div1.style.left = (parseInt(div1.style.left) - 10) + "px"; } else { ..

selectedIndex : 드롭다운리스트 컨트롤의 현재 선택된 인덱스 값을 반환하는 예제입니다. function CheckSelect() { if (document.getElementById("lstFavorite").selectedIndex == 0) { alert("관심사항을 선택하시오"); document.getElementById("lstFavorite").focus(); } else { window.alert("당신의 관심사항 : " + document.getElementById("lstFavorite").value); } } 관심사항 - 선택 - C# ASP.NET Silverlight

27.JavaScript - Form을 응용하는 예제입니다. 인터넷 가입절차를 보면 동의란이 있는데요. 동의하겠다는 부분에 체크를 하게 되면 버튼을 클릭할 수 있게 되고 클릭하게 되면 가입 폼을 나타내는 예제입니다. 기능설명 1. Check박스에 체크가 되면 버튼이 true가 되서 클릭이 가능 function CheckAgree() { //체크박스가 체크되었는지 확인 if (document.getElementById("chkAgree").checked) { return true; //onsubmit 진행 } else { alert("동의하셔야 합니다."); //동의에 체크 안하면 메세지 박스 //동의에 체크가 되어있지 않으면 체크박스에 포커스 이동 document.getElementById("chkAgr..

JavaScriptWeb Form을 이용하여 간단한 로그인 폼을 만드는 예제 입니다. Web Form추가하기 새항목추가 - Web Form 선택 예제에서 Web Form파일 이름을 "LoginProcess.aspx"으로 만들었습니다. 사용자가 입력한 값을 "LoginProcess.aspx"에 넘겨서 입력한 값을 출력하도록 하는 예제입니다. CSS-0.2 외부스타일시트 참고 해주세요 "LoginProcess.aspx"에 입력 코드 입니다. 폼에서 입력한 결과값을 출력하도록 하겠습니다. 기본예제 입니다. 아이디 : 암호 : 기본예제에 기능을 추가 하도록 하겠습니다. 사용된 속성(value,focus,action,lenght,select) 추가 기능 1. 아이디에 값이 없을때 아이디입력하라는 경고메세지 출력 ..

document는 문서에서 보여지는 것을 말합니다. document.title = "타이틀바에 문자열 출력"; document.write("문서에 출력"); document.bgColor = "Yellow"; document.fgColor = "Blue"; window.status = "상태바에 출력";

C#과 같은 다른 언어에서 사용되는 메세지 박스를 JavaScript에서 사용하는 예제입니다. window객체는 자바스크립트 최상위 객체로 사용됩니다. (C#의 Object 클래스) window.alert() : 경고 대화상자 window.confirm() : 확인 대화상자 window.status = "상태바에 문자열 출력"; //속성 window.open() : 새창(window) 띄우기 window.close() : 현재 창 닫기 window.setTimeout(code, delay) : 시간차/타이머 function CheckDelete() { //확인 버튼 클릭하면, true 취소 버든 ; false var flag = window.confirm("정말로 삭제?"); if (flag) { ale..

C# 알고리즘 폴더에 가까운 값을 구하는 예제를 JavaScript에서 구현하는 예제 입니다. //자바스크립트상에서 가장 가까운값 //[!] 가까운값 : 차이값의 절대값의 최소값일 때의 데이터 //[1] Input var data = [10,15,20,25,30]; var target = 21; //21과 가까운값 var near = 0; var abs = 0; //여기에 '20' 값이 들어감 var min = 100; //해당 범위에서 가장 큰 값 //[2] Process for (var i = 0; i < data.length; i++) { abs = ((data[i] - target) < 0) ? -(data[i] - target) : (data[i] - target); if (abs < min) ..

배열은 하나에 여려개의 변수를 사용합니다. JavaScript에서 배열을 이용해서 출력하는 예제 입니다. //[1] 배열 선언 var arr = new Array(3); //[2] 초기화 arr[0] = "WPF"; arr[1] = "WCF"; arr[2] = "WF"; //[3] 출력 for (var i = 0; i < arr.length; i++) { document.write(arr[i] + " "); } 배열 선언과 동시에 초기화 하는 예제입니다. var data = [3, 2, 1]; for (var i = 0; i < data.length; i++) { document.writeln(data[i]); }

C#과 JavaScript의 비교입니다. int -> var {} -> [] Response.Write("문장") ->document.write("문장"); //C# protected void Page_Load(object sender, EventArgs e) { int[] data = { 3, 2, 1, 5, 4 }; int temp = 0; Response.Write("C#문법 사용예제"); Response.Write(" "); for (int i = 0; i data[j]) { temp = data[i]; data[i] = data[j]; data[j..

함수란 반복되는 작업을 하나의 독립적으로 여러번 정의 할때 사용합니다. fuction 함수명 (매개변수) { 문장; return 반환값; } 입니다. 사용목적에 따라서 매개변수와 retrun 생략 가능합니다. 함수 선언은 HTML의 HEAD 부분에 작성합니다. 함수 호출은 BODY부분에서... 함수 선언입니다. ( 태그 안에 선언 ) //[1]매개변수가 없는 함수 function ShowTitle() { document.write("안녕하세요!"); } //[2]매개변수가 있는 함수 function MyAbs(data) { var result = (data < 0) ? -data : data; document.write(data + "의 절대값 : " + result + " "); } //[3]반환값이 ..

For문을 사용하여 1 부터 100까지 짝수의 합을 구하는 예제입니다. var sum = 0; for (var i = 1; i

반복문으로 for문이 있습니다. 반복문은 초기식으로 i, j, k 단어를 많이 사용합니다. for문은 초기식 부터 조건씩까지 증감식 만큼 샐행문을 반복 하라는 뜻을 가지고 있습니다. For( 초기식; 조건식; 증감식) 예제입니다. for (var i = 1; i