목록Web/JavaScript (10)
noname02
1var image = new Image();cs 와 같이 빈 이미지 엘리먼트를 담은 오브젝트를 생성할 수 있다.이 오브젝트 프로퍼티인 src에 이미지 주소값을 넣으면, width값과 height값이 자동으로 갱신된다. 12345678var resize = function ($image) { var windowH = $(window).height() - 100; var windowW = $(window).width() - 80; var image = new Image(); image.src = $image.attr('src'); var imageH = image.height; var imageW = image.width;cs 왜 imageH = $image.height(); 를 사용하지 않는 것일까? 이..
자바스크립트의 ||, && 연산자는 불린값을 리턴하지 않는다. 값 자체를 리턴한다.따라서 값의 성질(true, false)에 따라 앞의 값이 출력되던지, 뒤의 값이 출력되던지 한다. or의 경우, 둘 중 하나만 true면 true를 반환하니까 만약 앞의 값이 false라면 뒤의 값을 리턴한다.뒤의 값이 true라면 true가 나오는 것이고, false면 false가 나올 테니까.물론 앞의 값이 true라면 뒤의 값을 볼 필요도 없이 앞의 값을 리턴한다. and의 경우는 or과 반대다. 둘 중 하나만 false면 false를 반환하니까 만약 앞의 값이 true라면 뒤의 값을 리턴한다. 마찬가지로 앞의 값이 false면 그냥 앞의 값을 리턴한다. 중요한 점은, 첫줄에서도 강조했듯이 불린값을 리턴하는게 아니라..
match() - 파라미터로 Regullar Expression을 전달한다. - /pattern/modifiers 의 형태이다. - pattern은 찾을 문자열, modifiers은 조건이다.
var value = setTimeout(function(){ }, ms) - ms뒤에 function을 실행한다. clearTimeout(value) - setTimeout의 ms를 초기화시킨다. mouseover 이벤트와 mouseout 이벤트를 사용한다고 했을 때,mouseout 되고 나서 몇 초 뒤에 어떤 일을 수행하도록 setTimeout을 설정했다고 하자.그러면 mouseover가 되어있는 동안은 mouseout 이벤트에 설정된 function이 수행이 되면 안되는데, 이상하게도 수행이 된다. 따라서 mouserover 이벤트에 clearTimeout(value)을 지정해놓고 mouseout에setTimeout을 그냥 사용하는것이 아닌 value = setTimeout 형식으로 사용해서 이러한..
navigator 클래스는 브라우저의 정보를 조회할 수 있는 속성값들을 가지고 있다. appName - 브라우저의 이름appCodeName - 브라우저의 코드명platform - 브라우저가 설치된 시스템의 환경userAgent - 브라우저의 종류와 버전(포괄적인 정보)appVersion - 브라우저의 버전 여기서 userAgent에는 OS의 이름이나 모바일 기기의 이름이 들어간다. 따라서 모바일기기임을 확인할 경우String클래스의 indexOf메서드를 이용해서 (만일 문자열을 찾지 못하면 -1을 반환 하는것을 이용하여) navigator.userAgent.indexOf("iPhone") > 0 과 같이 탐색하면 된다. iPhone, iPad, iPod, Android 등이 있다.
window 클래스 - 가장 최상위 클래스이다. 따라서 window는 생략 가능해서 사용한다. open("URL") - URL주소로 새 창(탭)을 연다.close(), self.close() - 창을 닫는다.open("URL","창 이름","옵션") - 새 창(탭)을 여는데, 창 이름을 설정하므로 해당 창 이름에 해당하는 창으로 연결한다. 따라서 여러 창이 열리는게 아니라 해당 창 이름에 해당하는 창 하나에만 열린다. - 창 이름이 공백이면 새 창이 열린다. 창 옵션값toolbar (yes/no) 툴바 아이콘의 표시 여부 설정location (yes/no) 주소표시줄의 표시 여부 결정status (yes/no) 상태 바의 표시 여부 결정menubar (yes/no) 메뉴 표시줄의 표시 여부 설정scrol..
setInterval 메서드는 다른 메서드의 이름과 1/1000초 단위의 시간값을 파라미터로 설정하여정해진 시간에 한번씩 파라미터로 전달된 메서드를 자동 반복 실행한다. printTimer란 메서드를 정의했을 경우setInterval(printTimer, 1000); 은 1초에 한 번씩 printTimer를 반복 실행한다.
멤버 메서드int getFullYear() - 년도 리턴int getMonth() - 월 리턴(0이 1월)int getDate() - 일 리턴int getDay() - 요일 리턴(0이 일요일)int getHours() - 시간 리턴int getMinutes() - 분 리턴int getSeconds() - 초 리턴int getTime() - 1970년 1월 1일 0시 0분 0초 부터 현재까지의 시간을 1/1000초 단위로 리턴(TimeStamp)void setYear(int n) - 1970년 이상의 년도를 설정void setMonth(int n) - 월을 설정(0~11)void setDate(int n) - 일을 설정void setDay(int n) - 요일 설정(0~6)void setHours(int ..
멤버 변수 Math.E - eMath.PI - 파이Math.LN10 - 밑이 10인 로그Math.LN2 - 밑이 2인 로그Math.SQRT1_2 - 0.5의 제곱근Math.SQRT2 - 2의 제곱근 멤버 메서드 int abs(int n) - n의 절대값int exp(int n) - E의 n승int log(int n) - 로그 함수를 구한다(?) int pow(int x, int y) - x의 y승을 구한다int sqrt(int n) - n의 제곱근float random() - 0.0~1.0사이의 실수형 난수를 구한다int round(int n) - 반올림int floor(int n) - 소수점 이하 값을 버림int ceil(int n) - 소수점 이하 값을 올림int max(int x, int y) - ..
멤버 변수.length - 문자열의 길이값. 멤버 메서드.String charAt(int n) - n 위치의 글자를 리턴한다. 맨 처음이 0이므로 원하는 위치의 글자는 n+1로 구해야 한다. int indexOf(String str) - 문자 str이 나타나는 최초의 위치를 반환한다. 역시 맨 처음이 0이므로 해당 글자의 위치는 결과값에 1을 더한만큼으로 표시된다. int lastIndexOf(String str) - 문자 str이 나타나는 마지막 위치를 반환한다. 역시 결과값은 1을 더한만큼 표시된다. String substring(int n) - n 위치부터의 글자를 표시한다. String substring(int n, int m) - n부터 m-1까지 글자를 표시한다. Sting toUpperCas..