JavaScript&JQuery9

• 

  [JavaScript]arguments 객체 arguments 객체 - 자바스크립트에서는 함수를 호출할 때 함수 형식에 맞춰 인자를 넘기지 않더라도 에러가 발생하지 않는다. - 함수 코드를 작성할때, 런타임시에 호출된 인자의 갯수에 따라 다르게 처리해줘야 할 경우에 사용한다 -간단 예제 DOCTYPE html> arguments function argumentsTest(){ var sum1 = arguments[0]+arguments[1]+arguments[2]; var sum2 = 0; for(var i=0; i JavaScript&JQuery 2018. 8. 4.

• [JavaScript] navigator 객체 navigator 객체 navigator객체는 현재 방문자가 사용하는 브라우저 정보와 운영체제 정보를 제공하는 객체 navigator 기본형 navigator 속성; navigator 간단예시 console.log('NavigaterInfo : ' + navigator.userAgent);NavigaterInfo : Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36 Mozilla/5.0 -> 기본 플래폼(Windows NT 10.0; Win64; x64) -> 운영체제 정보 AppleWebKit/537.36 (KHTML, like Gecko) -> 사.. JavaScript&JQuery 2018. 7. 14.

• [JavaScript] history 객체 history객체 history 객체는 사용자가 방문한 사이트의 기록을 남기고 이전 방문 사이트와 다음 방문 사이트로 다시 돌아갈수 있는 속성과 메소드를 제공함. history객체의 기본형 history.속성;history.메소드( );history.메소드(n); history 객체 간단 예시 1. 사용자가 방문한 사이트의 기록을 남긴 총 수량-> history.legth; 2. 사용자가 방문한 사이트 중에 바로 이전에 방문한 사이트로 이동-> history.back( ); 3. 사용자가 방문한 사이트 중 두 단계 이전에 방문한 사이트로 이동-> history.back(2); history 객체의 속성 종류 history.bakc( ) 이전 방문 사이트로 이동함. history.forward( ) 다음 .. JavaScript&JQuery 2018. 7. 14.

• 

  [JavaScript] escape( ) unescape( ) encodeURI( ) decodeURI( ) encodeURIComponent( ) decodeURIComponent( ) 인코딩 -> 문자를 컴퓨터에 저장 또는 통신에 사용할 목적으로 부호화하는 방법 디코딩 -> 부호화 된 문자를 원래대로 되돌리는 것 escape( ) 영문 알파벳과, 숫자, 일부 특수문자(@, *, -, _, +, ., /)를 제외 문자만 인코딩 unescape( ) 영문 알파벳과, 숫자, 일부 특수문자(@, *, -, _, +, ., /)를 제외 문자만 디코딩 encodeURI( ) 인터넷 주소에 사용되는 일부 특수문자(:, ;, /, =, ?, &)를 제외 문자만 인코딩 decodeURI( ) 인터넷 주소에 사용되는 일부 특수문자(:, ;, /, =, ?, &)를 제외 문자만 디코딩 encodeURIComponent( ) 알파벳과 숫자를 제외한 모든 문자를 모두 인코딩 decodeURIComponent.. JavaScript&JQuery 2018. 7. 9.

• [JavaScript] location 객체 location 객체 location 객체는 사용자 브라우저와 관련된 속성과 메소드를 제공하는 객체, 현재 URL에 대한 정보(속성)와 새로 고침(reload)메소드를 제공함 location 객체 기본형 1. location. 속성; 2. location.메소드(); ① 사용자 브라우저의 경로 값을 가져옴 location.href; ② 사용자 브라우저의 URL 경로를 지정한 URL 주소로 변경함 location.href = "http://www.naver.com"; ③ 사용자 브라우저를 새로 고침함 location.reloard(); location 객체의 속성 종류 location.href 주소 영역의 참조 주소를 설정하거나 URL을 반환 함. location.hash URL의 해시값(#에 명시된 값).. JavaScript&JQuery 2018. 7. 9.

• [JavaScript] Screen 객체 Screen 객체 screen 객체는 사용자의 모니터 정보(속성)를 제공하는 객체, 예를들어 모니터의 너비나 높이 도는 컬러 표현 bit를 반환함. Screen 객체 기본형 screen.width; //모니터의 너빗값을 반환함. Screen 객체의 속성 종류 screen.width 화면의 너빗값을 반환함. screen.height 화면의 높잇값을 반환함. screen.availWidth 작업 표시줄을 제외한 화면의 너빗값을 반환함 screen.availHeight 작업 표시줄을 제외한 화면의 높이값을 반환함 screen.colorDepth 사용자 모니터가 가능한 컬러 bit를 반환함 JavaScript&JQuery 2018. 7. 9.

• 

  [JavaScript] setTimeout() / clearTimeout() setTimeout() - 일정 시간이 지나면 코드를 실행하고 종료 - setTimeout() 메소드를 조금만 응용하여 재귀 호출하면 setInterval() 메소드처럼 사용할 수 있음. setTimeout() 기본형 - var 참조변수 = setTimeout( function( ) { 자바스크립트 코드 }, 시간간격( msc ) ); - var 참조변수 = setTimeout( " 자바스크립트 코드 ", 시간 간격( msc ) ); setTimout() 간단예시 - var tim = setTimeout( function() { i++ }, 5000 ); - var tim = setTimeout( " i++ ", 5000 ); clearTimeout() - setTimout() 메서드를 제거 clearT.. JavaScript&JQuery 2018. 7. 8.

• 

  [JavaScript] setInterval() / clearInterval() setInterval() - 일정한 시간 간격으로 코드를 반복 실행 함. setInterval() 기본형 var 참조변수 = setInterval( function( ) { 코드 } , 시간 간격( ms ) ); var 참조변수 = setInterval( "코드", 시간 간격( ms ) ); setInterval() 간단 예시 var intv = setInterval( function( ) { i++ }, 3000 ); var intv = setInterval( " i++ ", 3000 ); -> 시간 간격은 1 / 1,000초 단위로 작성해야 함. ex) 3초 ->3000 clearInterval() - clearInterval() 메소드는 setInterval() 메소드를 취소함. clearInter.. JavaScript&JQuery 2018. 7. 8.

• [JavaScript] 자바스크립트 실행 순서 document, window 1. 웹브라우저 시작 2. 웹문서 읽기3. DOM생성됨(DOM이 생성되면 ready 메소드가 실행됌) $(document).ready(function(){ alert('KIZUNA');}); 4. 이미지 포함한 요소들이 로드되기 시작함... 5. 페이지 로딩완료(모든 요소들이 로드가 완료되면 load 메소드가 실행됌)$(window).load(function(){ alert('KIZUNA');}); JavaScript&JQuery 2018. 6. 27.