본문 바로가기

programming/javascript37

자바스크립트 이벤트 호출 확인 http://www.sprymedia.co.uk/article/Visual+Event+2 브라우저 콘솔창에 아래 ur 스크립트l를 붙여 넣고 실행 시키면 화면에 자바스크립트 이벤트 걸린 위치를 보여준다. (function(){var url='//www.sprymedia.co.uk/VisualEvent/VisualEvent_Loader.js';if(typeof VisualEvent!='undefined'){if(VisualEvent.instance!==null){VisualEvent.close();}else{new VisualEvent();}}else{var n=document.createElement('script');n.setAttribute('language','JavaScript');n.setAtt.. 2013. 4. 9.
자바스크립트의 this는 개발자 의도대로 바인딩되지 않습니다. 무슨 말일까요? 다음 함수가 있다고 해보죠. function foo() { this.bar = function () { console.log(this); }}a = new foo();a.bar(); // foo 위 함수를 생성자 삼아서 a라는 인스턴스를 만들었고 이 때 a의 key-value에 bar의 정의가 들어갑니다. 그래서 a.bar()는 a.bar.apply( a, [] );과 같게 되어 this의 결과로 foo가 나옵니다. 이것은 컨텍스트 a를 this에 바인딩되기 때문에 가능한 것입니다. 이것이 일반적으로 개발자가 의도 또는 생각하는 this 바인딩입니다. 하지만 저 a.bar 함수를 다음과 같처럼 코딩하면 결과는 참혹합니다. var bar = a.bar;bar(); // window 이것은 .. 2013. 2. 12.
JSONP (JSON with padding) 원문 : http://ejnahc.tistory.com/261간단하게 말하자면 어떤 사이트에서 다른 사이트에 있는 정보를 Ajax로 가져오려고 하며 Cross-Domain Policy(동일 출처 정책)에 의해 막히게 된다. 도메인이 서로 다른 경우에는 아예 접근을 하지 못하게 되는 것인데, 이를 해결하기 위해 이런 꼼수들이 있다.자신의 웹 서버에 데이터를 요청하고 해당 웹 서버가 실제 가져올 서버에 요청을 전달하는 프록시 서버 역할프레임 요소를 사용하여 현재 웹 페이지 내에 새 영역을 만든 후 GET 요청을 사용하여 컨텐츠를 가져오기JSONP 사용하기그래서 JSONP가 쉽고 빠르고 조타. JSONP(원격 JSON 서비스)의 원리는 다음과 같다.function showPrice(data) { conso.. 2013. 2. 12.
자바스크립트에서 함수는 변수 이다. http://mytory.net/archives/69?noredirect=ko?noredirect=ko내용은 자바 스크립트는 에서 함수는 변수라는 것.var a = function(){}function(){}window.a = function(){}이렇게 동작하는 것은 함수가 변수 취급 때문.주옥같은 예제다.var o1 = {handle:'o1'}; var o2 = {handle:'o2'}; var o3 = {handle:'o3'}; window.handle = 'window'; function whoAmI() { return this.handle; } o1.identifyMe = whoAmI; alert(whoAmI()); alert(o1.identifyMe()); alert(whoAmI.call(o2.. 2013. 2. 5.

티스토리툴바