클래스 생성의 기초 var MyClass = function($w,$h){ this.width = $w; this.height = $h; this.name = "MyClass" } MyClass.prototype.build = function(){ console.log(this.name); } function init(){ var _myClass = new MyClass(100,200); _myClass.build(); //MyClass console.log(_myClass.width); //100 console.log(_myClass.height); //200 } 1 : MyClass 라는 클래스를 정의. 생성자를 두개 만들었다. 7 : MyClass에 build 객체를 추가. 여기서의 this는 My..
window.onload = function(){ doSomething }; window.onload와 는 동시에 사용 불가 가 실행이 되면 window.onload는 실행이 되지 않는다. 실무소스) 1 2 3 4 5 6 function openPop(){ window.open("contents/index.html",'_blank','scrollbars=no,width=1000,height=700,top=0,left=0'); window.close(); } 중복에 대한 해결책 function window::onload){ doSomething } 가 먼저 실행되고, 이어서 window::onload()가 실행
1.html 2.css .main_leftBtn{position:absolute;overflow:hidden;top:263px;left:5px;cursor:pointer;} .main_rightBtn{position:absolute;overflow:hidden;top:263px;left:928px;cursor:pointer;} 3.javascript function img_rolover_rolout(id,img_title,e){ var e = e || window.event; if(e.type == "mouseover"){ id.src = "images/" + img_title +"_on.png"; }else{ id.src = "images/" + img_title +"_off.png"; } } ps. ..
제이쿼리에서 제공하는 다양한 메서드를 통해서 css의 위치값을 가져올 수 있지만, 직접 substring으로 Number를 가져와보자. var myX = $(".textImg0").css("left"); var myY = $(".textImg0").css("top"); console.log(myX ); // 750px var findIndexX = myX.indexOf("p"); var findIndexY = myY.indexOf("p"); var compleX = Number(myX.substring(0, findIndexX)); var compleY = Number(myY.substring(0, findIndexY)); console.log(compleX); //750 1 : myX, myY에 css..
.NET Framework 3.0 requestAnimationFrame 메서드는 시스템이 프레임을 그릴 준비가 되었을 때 애니메이션 프레임을 호출하여 애니메이션 웹 페이지를 만들 수 있는 더 유연하고 효율적인 방법을 제공합니다. 이 API 전에 setTimeout 및 setInterval을 사용하여 그린 애니메이션은 웹 개발자에게 애니메이션의 그래픽 타이머를 예약할 수 있는 효율적인 방법을 제공하지 않았습니다. 따라서 애니메이션이 과도하게 그려지고, CPU 주기가 낭비되었으며, 추가 전력이 사용되었습니다. 또한 웹 사이트가 보이지 않을 때, 특히 웹 사이트가 배경 탭의 페이지를 사용하거나 브라우저가 최소화된 경우에도 애니메이션이 종종 발생합니다. 애니메이션에서 10밀리초의 aJavaScript 타이머 ..
.NET Framework 3.0 requestAnimationFrame 메서드는 시스템이 프레임을 그릴 준비가 되었을 때 애니메이션 프레임을 호출하여 애니메이션 웹 페이지를 만들 수 있는 더 유연하고 효율적인 방법을 제공합니다. 이 API 전에 setTimeout 및 setInterval을 사용하여 그린 애니메이션은 웹 개발자에게 애니메이션의 그래픽 타이머를 예약할 수 있는 효율적인 방법을 제공하지 않았습니다. 따라서 애니메이션이 과도하게 그려지고, CPU 주기가 낭비되었으며, 추가 전력이 사용되었습니다. 또한 웹 사이트가 보이지 않을 때, 특히 웹 사이트가 배경 탭의 페이지를 사용하거나 브라우저가 최소화된 경우에도 애니메이션이 종종 발생합니다. 애니메이션에서 10밀리초의 aJavaScript 타이머 ..
document.write와 document.writeln의 차이점
기본적으로 document.write와 document.writeln은 같은기능을 한다. 단, 태그를 사용 했을때, 자동줄바꿈이 되느냐 안되느냐의 차이가 있다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 결과화면 여기서 주의할점은 14라인을 들여쓰기(띄어쓰기)하면 공백이 생긴다. 태그의 기본기능을 생각해보면 당연하긴 하다. 가령 아래14번 라인과 같이 "
null은 아무런 값도 나타내지 않는 특수한 값이다. null은 보통 객체 타입의 특수한 값, 어떠한 객체도 나타나지 않는 값으로 취급된다. null은 모든 다른 값들과 구분되는 고유한 값이다. 어떤 변수가 null이면 그 변수가 유효한 객체,배열,숫자,문자열 또는 불리언 값을 담고 있지 않는다. null은 불리언 문맥에선 false, 숫자 문맥에선 0, 문자열 문맥에선 "null"을 반환한다. undefined는 선언은 되었지만 값이 할당된 적이 없는 변수에 접근하거나, 존재하지 않는 객체 프로퍼티에 접근할 경우에반환되는 값이다. 이 특수한 undefined 값은 null과 동일하지 않다. undefined는 불리언 문맥에선 false, 숫자 문맥에선 NaN, 문자열 문맥에선 "undefined"로 변..