게으른 개발자 되기

이벤트와 자바스크립트 함수를 연결할 때 함수의 인자를 'this'를 사용하면 이벤트가 발생한 노드를 전달한다. 태그 이벤트와 함수를 연결할 때 함수의 인자로 'this'를 준다. <a onclikc="testSelf(this)">자신을 전달하는 노드</a> 스크립트 함수는 아래와 같다. function testSelf( obj ) { var txt = obj.innerHTML; al..

브라우저에서 새로운 팝업창을 생성하기 위해서는 window 객체의 open()메소드를 사용한다. open()메소드의 파라미터 open("url", "name", "윈도우 속성 문자열"); ‘url’은 새로운 팝업창이 출력한 내용을 가진 페이지의 주소를 나타내며, ‘name‘은 팝업창이 출력되는 타겟를 지정하는데 링크와 같이 _blank는 새..

location 객체는 자바스크립트 객체로 현재 URL정보를 가지고 있다. location 객체의 프로퍼티 프로퍼티 설명 host 호스트명과 포트 번호를 반환한다. hostname 호스트명을 반환한다. href 전체 URL 정보를 반환한다. pathname path 이름을 반환한다. port 포트 번호를 반환한다. protocol 프로토콜을 반환한다. search 쿼리(Q..

Window 객체는 브라우저 객체의 최상위 객체로 document. history, location, navigator 객체를 가지고 있다. Window 객체프로퍼티 프로퍼티 설명 name 현재 윈도우창의 이름을 반환한다. defaultState 브라우저의 상태바에 초기 문자열을 설정하는 경우 사용 status 브라우저의 상태바에 문자열을 출력하는 경우 사용 top 계..

방문자의 브라우저의 스크린 정보를 확인하기 위한 객체로 screen 객체가 있다. document.write("Total width/height: "); document.write(screen.width + "*" + screen.height); document.write("<br />"); document.write("Available width/height: "); document.write(screen.availWidth + "*" + screen.availHeight); document.write("<br />"); document.write("Color depth: ")..

자바스크립트는 브라우저에서 작동한다. 때때로 서버는 브라우저의 정보를 필요로 할 때가 있는데 Navigator객체가 브라우저의 정보를 제공한다. Navigator 객체는 방문자의 브라우저의 이름, 버전 등등의 정보를 가지고 있는 객체이다. Navigator 객체 사용 예) document.write("Browser CodeName: " + navigator.appCodeName); ..

정규표현을 사용하여 패턴을 지정할 때는 다음과 같은 방법으로 지정한다. 1. 괄호(Bracket) 표현식 설 명 [abc] 괄호 안에 있는 문자열을 찾음(각각 하나씩 모든 문자열을 반환) [^abc] 괄호 안에 있는 문자열이 아닌 것을 찾음 [0-9] 0부터 9까지 있는 문자열을 모두 찾음 [A-Z] 대문자 A부..

정규표현(A Regular expression)은 문자 패턴을 설명하는 객체이다. 정규표현을 사용하면 문자열을 검색할 때, 패턴을 사용해 문자열을 검색할 수 있다. 단순한 패턴은 하나의 문자이고, 좀 더 완벽한 패턴은 여러 개의 문자열로 구성되어 있으며 완벽한 패턴을 사용하면 파싱(parsing), 포..

배열의 생성 var myCars = new Array( "현대", "기아", "쌍용" ); 위와 같이 생성했다면 배열에 저장되는 값은 아래와 같다. myCars[0] = "현대"; myCars[1] = "기아"; myCars[2] = "쌍용"; Array 속성 length : 배열 객체의 요소 수를 반환합니다. Array 메소드 concat(arr) : 객체를 함칩니다. 예제 var arr = new Array(3..

Date객체는 사용자의 시스템 또는 서버의 시스템에서 날짜와 시간을 가져와 화면에 보여줄 수 있는 객체이다. Date객체에서 제공하는 메소드를 이용해 날짜와 시간을 출력하려고 한다면 'new'키워드를 사용해 새로운 객체를 생성하고, 생성한 객체를 이용해 날짜와 시간을 화면에 출..