Programming/javascript
-
getElementsByName 체크박스 라디오버튼 컨트롤 하기Programming/javascript 2020. 6. 12. 00:20
getElementsByName 은 docuemnt 의 name 에 접근할 수 있는 method 입니다. 사용방법 var elements = document.getElementsByName(name); elements 은 nodeList 객체의 collection 입니다. 라디오버튼 (radio button) 예제입니다. 그린 블루 레드 블랙 4개의 colors 라는 name 을 갖는 라디오버튼이 있습니다. var ele = document.getElementsByName('colors'); // colors 이름을 가지는 엘리먼트를 가져온다. var count = ele.length; // 라디오버튼 길이 console.log('라디오버튼 갯수 ', count); // "라디오버튼 갯수 ", 4 출력 ..
-
자바스크립트(javascript) 에서 중요한 함수Programming/javascript 2020. 6. 4. 23:10
1. 함수선언 함수명(매개변수) 형식으로 함수를 선언합니다. 아래에서 sayName 이 함수명이며 name 이 매개변수라고 부릅니다. 함수를 호출하게 되면 함수안의 명령어가 실행되게 됩니다. // 함수선언 방식 function sayName(name) { console.log(name); } // 실행할 경우 sayName("홍길동") // 홍길동 출력 1) 반환값이 있는 함수선언 // 매개변수는 쉼표로 여러개를 넣을 수 있습니다. function myPlus(a, b) { return a + b; // 매개변수로 넘어온 a 와 b 를 더해서 반환한다. } var result = myPlus(1,2); //result 값은 3이다. console.log(result); // 3을 출력 2) 함수 지역 변..
-
javascript 변수Programming/javascript 2020. 6. 1. 14:49
javascript는 대소문자 구분을 하며 유니코드 문자셋을 이용합니다. javascript 변수 선언 방법에는 3가지가 있습니다. 변수는 var, let, const 키워드로 선언할 수 있습니다. 1. var 키워드 javascript 기존 키워드이며 function scope입니다. var name = "아무개"; function changeName() { name = "김철수"; } console.log(name); // 아무개 출력 changeName(); // name 변수값을 변경 console.log(name); // 김철수 출력 var 로 두번 같은 변수를 선언해도 에러가 발생하지 않습니다. var hello = "hello world"; var hello = "hi! world"; con..
-
jQuery 에서 json 데이타를 읽어오는 방법Programming/javascript 2013. 12. 11. 18:12
jQuery 에서 json 데이타를 읽어오는 방법은 each 를 사용해서 읽어올수 있다. jQuery.each 의 표현식jQuery.each( collection, callback(indexInArray, valueOfElement) )혹은$.each( collection, callback(indexInArray, valueOfElement) )collection 은 array 나 object 가 옵니다.callback 은 실행될 함수입니다.indexInArray : array 나 object 의 키값입니다.valueOfElement : array 나 object의 값입니다. json 데이타를 jQuery에서 읽어오는 예제
-
자바스크립트 객체를 생성하는 5가지 방법Programming/javascript 2013. 8. 13. 19:07
1.Simple Object LiteralmyApp.notepad = {};myApp.notepad.writeable = true;myApp.notepad.font = 'helvetica';myApp.notepad.setFont = function(theFont) { myApp.notepad.font = theFont;}{} 로 객체 생성하고 프로퍼티를 추가해 나가는 방법 2. Nested Object LiteralmyApp.notepad = { writeable: true, font: 'helvetica', setFont: function(theFont) { this.font = theFont; }}{} 안에 프로퍼티를 정의하는 방법 3. Constructor using Object LiteralmyA..
-
자바스크립트 함수Programming/javascript 2013. 7. 29. 21:05
자바스크립트 함수자바스크립트에서 함수 First Class Object 다. 자바스크립트에서 함수는매우 중요하며 자바스크립트의 핵심이다. 함수선언함수 선언은 함수를 서술한 코드자체는 실행코드가 아니다 자바의 class 와 비슷한 개념이다.이렇게 선언된 함수는 정의된 스코프(scope) 안에서는 어디서든 사용할 수 있다.ex)function human() {console.log('hello');}함수 표현식함수 표현식은 실행 가능한 코드로 변수에 익명함수를 할당한다.ex)var human = function() {console.log('hello');} 이름있는 함수 표현식(named function expression)ex)var human = function man() {console.log('hell..
-
자바스크립트 제어문Programming/javascript 2013. 7. 24. 19:55
if else 문 if문은 조건이 참일경우 코드를 실행하게 됩니다.if(조건) {//참일경우 코드 실행} else {//거짓일 경우 코드 실행}예)var flag = 10; if(flag > 9) {alert('flag 는 9보다 크네요');} else {alert('flag 는 9보다 같거나 작네요');} for 문for 문은 순환문으로 for(카운터변수;테스트조건;카운터 업데이트) 이렇게 세가지 작업이 들어갑니다.매번 루프가 반복되기전에 조건이 만족하는지 검사를 한후 조건이 만족한다면 for 문의 내부 코드가 실행됩니다. 구구절절 설명보다는 예제를 보도록 하죠예)var total = 10;for(var i=0;i
-
자바스크립트 데이터 형식에 대해서 배워보아요Programming/javascript 2013. 7. 23. 18:56
자바스크립트의 데이터 형식에 대해서 정리합니다.틀린 부분은 알려주시면 수정하겠습니다.^^;; 기본 데이터 형식문자열숫자Boolean 복합 데이터 형식개체배열 특수 데이터 형식Nullundefined 문자열 (String)자바스크립트의 문자열은 작은따옴표 나 쌍따옴표를 쌍으로 문자열을 나타냅니다.작은따옴표 안에는 쌍따옴표가 들어갈수 있으며 , 쌍따옴표 안에는 작은따옴표가 들어갈 수 있습니다.예) "Hello World!" 'Hello World!' "Hello 'world!'" //쌍따옴표안에 작은 따옴표 'Hello "world!"' //작은 따옴표 안에 쌍따옴표 숫자형(Number)자바스크립트는 10진수,8진수,16진수를 표시할 수 있습니다.16진수를 표시할때는 앞에 "0x" 를 추가해줘야 합니다.8진..