Category Archives: JavaScript

http://jace.tistory.com/120

* 자바스크립트 배열(array) 관련 문법- 출처 : http://www.yunsobi.com/blog/3 – – 배열의 생성                    var arr = [1,2,3,4,5];                  //리터럴로 생성 var arr = new Array();                    //Array 클래스로 생성var arr = new Array(5);                … Read More »

자바스크립트HTML컬렉션객체.namedItem(id or name);    – 엘리먼트 컬렉션 내에 해당 id나 name을 갖는 객체가 있으면 그 객체를 반환한다. * 참고 링크    http://www.java2s.com/Code/JavaScriptReference/Javascript-Methods/namedItemSyntaxParametersandNote.htm 

var bool = event.shiftKey; event 객체는 true/false의 값을 갖는 shitKey 라는 속성을 가지고 있어서, 이벤트 호출시 쉬프트키가 눌러졌는지 여부를 알 수 있다. * 참고 링크    https://developer.mozilla.org/en/DOM/event.shiftKey      HTML DOM Event Object

* event.stopPropagation() 이 왜 필요한가?    – 상위 엘리먼트의 동일한 이벤트가 호출되는 것을 막기 위하여    – 만약 TR에 onclick이벤트가 걸려 있고, TABLE에도 걸려있을 경우,     TR을 클릭하면 TR이벤트 => TABLE이벤트 순으로 이벤트핸들러가 호출되는데.     이 경우 TABLE이벤트가 trigger되지 않도록 하는 것이 stopPropagation() 이다. * 참고     – 모질라 사이트에 있는 예제를 참고하면 이해가 쉬울… Read More »

* 체크포인트    1. 서버에서 쿠키 생성시 옵션으로 준 path와 쿠키 조회시 사용하는 path가 일치하는지 확인하자!      (어떻게 해야 할 지 모른다면 둘 다 루트 (“/”) 로 주자!

예전에는 공백문자의 인코딩(URI encoding)결과가 “%20″(맞나?) 이었다고 하는데현재는 공백문자의 인코딩결과가 “+” 로 표준이 변경된 것 같다. java 내부적으로는 디코딩이 잘 될지 몰라도 자바스크립트에는 아직 “+” 로 바뀐 표준을 지원하지 않는 것처럼 보여서, 그냥 +를 공백문자로 relace(치환)하는 코드를 추가했다. value = decodeURIComponent(value || ”).replace(/\+/g, ‘ ‘);

세부적인 차이점은 잘 모르겠고 -_-; 가장 큰 차이점은 call()은 호출시 인수를 명시적으로 나열해 주어야 하고, apply()는 호출시 arguments와 같은 인수배열 하나를 받는다는 점이다. 그래서 공통작업 할 때 apply()가 좋아 >,. < !! * 참고링크 call()과 apply()에서 변경되는 this의 의미 call() apply()    

– 출처 : http://stackoverflow.com/questions/3914557/passing-arguments-forward-to-another-javascript-function –  * 개요 a()함수의 인수를 그대로 b함수로 넘기며 실행하되, b()함수의 인수의 갯수가 가변적일 경우에도 대응할 수 있도록  arguments 배열을 사용한다. function a(arg1, arg2, arg3){ b.apply(this, arguments); } function b(arg1, arg2, arg3){ alert(“arg1:”+arg1+”, arg2:”+arg2+”, arg3:”+arg3); } a(‘Jin’, ‘Nina’, ‘Paul’);   //테스트! * 응용 arguments 는 (객체)배열이므로 잘라내거나 병합할 수 있다. 응용해 보자!

분명히 문법을 정확히 입력했음에도 왠지 javascript의 reset() 함수가 동작하지 않았었다. 왜일까…? 구글링을 해 보니  “reset() 함수는 폼엘리먼트의 내용을 비우는 것이 아니라 페이지 로딩시의 초기값으로 돌리는 기능을 한다”  라고 나와있었다. 그냥 싹 비우는 건 줄 알았는데 아니었어. >, <  결국 나름대로 제대로 동작하고 있던 것이었다.

http://www.webreference.com/js/column26/call.html 

http://www.javascriptkit.com/jsref/elements.shtml  간단히 설명하자면 form 하위의 객체들 중 폼엘리먼트만 뽑아서 만든 객체 배열 이라고 볼 수 있겟다.

– 출처 : http://zinever.tistory.com/3 – opener 와 popup 창간에 변수를 참조하는 경우, 두 창 모두 열려 있는 상태라면 특정 변수를 참조 하는데 별다른 문제가 없는데, popup창을 닫는 동작과 함께 popup창에서 특정 변수, 객체를 opener로 전달 할때에는 브라우져 마다 각각 다르게 동작한다.                                  … Read More »

– 출처 : https://gist.github.com/332357 – * 개요 hasOwnProperty() 함수는 객체에 지정된 이름을 가진 속성이 있는지 여부를 반환하는 함수이다. (‘own’ 의 의미는 프로토타입 체인이 아닌, 객체 자체가 해당 속성을 가지고 있는지 여부를 나타내는듯 하다.) 그러나 구버전 IE 에서는 이 함수를 그대로 사용할 수 없기 때문에  다음의 코드를 소스에 추가하여 크로스브라우징 처리를 하도록 하자. * 코드 if ( !Object.prototype.hasOwnProperty )… Read More »

Javascript에서 Scope (1) – 기본 Javascript에서 Scope (2) – 응용 Javascript에서 Scope (3) – this, prototype, new Javascript에서 Scope (4) – Element Object에서 this