본문 바로가기

JS

새로 고침 버튼 .html재검색 .js$("#refresh").click(function(){ //event.preventDefault(); location.reload();}); 재검색 버튼이 클릭되면 페이지를 새로고침해준다. event.preventDefault()는 이벤트 발생을 중지시켜준다.
setTimeout 일정 시간이 지나면 함수가 실행되게 할 수 있다.아래 코드는 2000ms(2초) 후에 로그에 2sec를 찍고 페이지 새로고침을 하는 것이다. setTimeout(function(){ console.log('delay 2sec'); location.reload(); },2000);
Javascript 객체 배열은 숫자 인덱스로 원소에 접근한다. 인덱스로 문자를 쓰고자 한다면 객체를 사용하면 된다. 연관배열, 맵, 딕셔너리라고 부르기도 한다. 객체는 다음과 같이 만든다var obj = {'a':10, 'b':30, 'c':50};여기서 'a', 'b', 'c'는 key가 되고 이에 대응되는 10, 30, 50은 value가 된다. 인덱스가 'c'인 값을 출력하고 싶으면 이렇게 접근한다.alert(obj['c']); 반복문을 사용하여 객체에 있는 값들을 뽑아낼 수 있다. var obj = {'a':10, 'b':30, 'c':50};for (idx in obj){document.write(obj[idx]+' ');} 객체에는 객체, 함수를 담을 수 있다.grades 객체에 'list' 키와 값으로 객체, 's..
Javascript 함수 함수 선언식과 표현식 함수 선언function func_name(a){document.write('Hi ');return a+1;}var b = func_name(10);document.write(b); 함수 표현식var func_name = function(a){document.write('Hi ');return a+1;}var b = func_name(10);document.write(b); 호이스팅이란? 변수가 감아 올려지는 것(?)변수나 함수의 정의가 선언과 할당으로 분리되는 것을 의미한다. 변수가 함수 내부에서 정의되면 선언이 함수 최상위로 가고 함수 외부에서 정의된 경우 전역 범위 최상위로 가게 된다.함수 변수는 함수가 아닌 변수로 인식하기 때문에 호이스팅이 되지 않는다. 아래의 함수 hell..
Javascript 반복문 while(조건){코드} while(true){alert("infinite");} 종료 조건을 써주지 않으면 무한 루프에 빠진다. 0,1,2,3,4가 차례로 출력된다. for(초기화; 반복조건; 반복될 때마다 실행되는 코드){코드} for(var i=1;i
Javascript 조건문 Boolean맞으면 true, 틀리면 false ifif(조건){ //조건이 true면 괄호 내의 문장 실행, false면 건너 뜀. } if(1==2){alert("영원히 실행 안됨");}else{alert("1과 2는 다름");} 아래 파일을 생성하고 브라우저에서 실행시켜보자prompt 창에 people을 입력하면 아이디가 화면에 출력된다.dd && : and 연산자좌우항이 모두 참일 때 참.|| : or 연산자좌우항 중 하나라도 참이면 참! : 부정, Boolean 값 반대로 만듦, not 연산자
Javascript 연산자 a=1 //a 변수에 1 대입1==2 //1과 2라는 값이 같은 지 비교, false, ==는 데이터 타입이 다르면 강제로 맞추기 때문에 1=='1'은 true다1==='3' //1과 '2'라는 문자의 값과 데이터 타입이 같은 지 비교, false null은 값이 없음을 명시적으로 표현, undefined는 값이 없는 상태var a;alert(a);를 하면 undefined가 출력된다. 값을 지정해주는 초기화나 대입을 하지 않아 데이터 타입이 정해지지 않았기 때문이다.null은 array(배열)나 object(객체)가 비어있음을 의미한다. var arr=[];alert(arr); null==undefined //truenull === undefined //false 1 != 2 //!=를 기준으로 양쪽의..
Javascript 주석 //가리고 싶은 내용 앞에 "//"를 붙인다.여러줄을 주석처리하고 싶을 때는 "/* */"를 사용한다 주석은 코드를 설명하기 위해 사용한다. 컴파일러는 주석으로 커버되는 문장은 해석하지 않는다.프로그램 실행시 아무런 영향을 미치지 않는다. 예)alert(5+2); //7이 출력됩니다. /*20살 미만이라면경고 문구 띄우기*/if(age