본문 바로가기

JavaScript

(24)
PlugIn - jquery-user-agent (유저에이전트) (function ($) { $.ua = $.ua || { platform: {}, browser: {}, engine: {} }; var ua = navigator.userAgent.toLowerCase(), p = $.ua.platform, b = $.ua.browser, e = $.ua.engine, u = 'unknown'; //alert(navigator.userAgent); // detect platform p.name = (/(win|mac|linux|iphone|ipod|android)/.exec(ua) || [, u])[1]; p[p.name] = true; // detect browser b.name = (/(msie|firefox|chrome|safari|opera)/.exec(ua)..
jQuery 아이프레임, iframe 1. 속성변경$('#TargetFrame').attr('src', 'http://www.jkun.net');$('#TargetFrame').attr({ 'src' : 'http://www.jkun.net', 'width' : '100', 'height' : '100', 'scrolling' : 'no'}); 2. 프레임내 문서객체 요소 접근$('#TargetFrame').contents().find('div.target-panel'); 3. 부모 요소에 접근- $('#TargetFrame', parent.document);- parent.$('#TargetFrame');
자바스크립트 개체지향 JavaScript ( 출처 링크 연결 )개체 지향 기술을 이용한 고급 웹 응용 프로그램 만들기Ray Djajadinata 이 기사에서 다루는 내용:프로토타입 기반 언어로서의 JavaScriptJavaScript를 사용한 개체 지향 프로그래밍JavaScript에서의 코딩 트릭JavaScript의 미래이 기사에서 사용하는 기술: JavaScript 목차JavaScript 개체는 사전입니다. JavaScript에서는 함수가 가장 중요합니다. 생성자 함수는 있지만 클래스는 없습니다. 프로토타입 정적 속성 및 메서드 차단 전용 속성 시뮬레이션 클래스로부터 상속 네임스페이스 시뮬레이션 JavaScript에서 이와 같이 코딩해야 할까요? 앞으로의 전망 최근에 필자는 웹 응용 프로그래밍 개발 부문에 5년 경력을 가진..
자바스크립트 오브젝트 출처 : http://asrada2001.tistory.com/163 스쿨에 javascript 의 색다른 표현식에 관한 글이 올라왔다(by 행복한고니) 그중 new Object === {} 라는 고니님의 의견에 숨어지내리님이 급 제동을 걸어왔다. 너무나도 살벌한 분위기 속에서 결국 두 분의 논쟁에는 결론이 나질 않았고 나는 개인적으로 무소레즈님의 코멘트를 이 논쟁의 결론으로 치부한다. 무소레즈님의 댓글 --------------------------------------- 1. new Object() === {} 가 같다? 2. Object 가 {} 으로 만들어진다? 3. constructor 의 비교로 객체가 똑같다고 말할수 있다? 4. Object 는 Function 의 instance 이다? --..
[펌] 자바스크립트 정리. 8 - 자바스크립트 DOM 스크립트 간단 정리 검색엔진을 뒤지면서 보다가 너무나 깔끔하게 정리된자바스크립트가 있기에 퍼옴. GENERAL 님의 정리 감사합니다.댓글은 아래 링크 블로그에 달아주세요~ ^^ 링크 : http://blog.naver.com/minis24/800942519022006년 정도 인걸로 기억이 나는데요.. ajax 가 한참 이슈가 되던 시절이 있었습니다.지금도 ajax를 많이 쓰고는 있지만 그 당시 처럼 환상에 가려진, 신비의 테크닉이라는 고급기술에서범용 테크닉으로 많이 일반화 되었지요.. 무턱대고 ajax 책을 사서 보았는데..음 당췌 무슨 말인지 이해가 안되더군요..시간이 약이라고 해야하나요? 한몇년 그렇게 해매면서 고민하면서 정리하면서 살다보니어느덧 익숙해지더라구요~ 아직 많은 부분이 부족하긴 하지만요~ ajax를 잘 사용..
[펌] 자바스크립트 정리. 7 - 자바스크립트 생성자 체이닝 검색엔진을 뒤지면서 보다가 너무나 깔끔하게 정리된자바스크립트가 있기에 퍼옴. GENERAL 님의 정리 감사합니다. 링크 : http://blog.naver.com/minis24/80094251902 * 생성자 체이닝 정리 6의 마지막에서 처럼 서브클래스의 생성자 함수 내에서 상위클래스의 생성자를 명시적으로 호출하는 것을 생성자 체이닝 이라고 한다. call() 함수를 써서 생성된 객체의 메서드인것 처럼 호출했었는데 다음처럼 간단하게 고칠 수 있다. //상위클래스에 대한 참고 저장 subRectangle.prototype.superclass = Rectangle ; function subRectangle( x , y , w ,h ){ // 프로토타입 객체의 프로퍼티인 superclass 에 Rectangl..
[펌] 자바스크립트 정리. 6 - 자바스크립트 클래스의 서브클래스화 검색엔진을 뒤지면서 보다가 너무나 깔끔하게 정리된자바스크립트가 있기에 퍼옴. GENERAL 님의 정리 감사합니다.댓글은 아래 링크에 달아주세요~ 링크 : http://blog.naver.com/minis24/80094251902* 자바스크립트 클래스의 서브클래스 정의하기 자바스크립트는 프로토타입 기반의 상속을 지원하므로 프로토타입 객체를 알맞게 조작하여 서브클래스를 흉내낼수 있다.아래는 그 방법이다. 1. 서브클래스의 생성자에서 슈퍼클래스의 생성자를 호출한다. 이때, 슈퍼클래스의 생성자가 새로만든 객체의 메서드인것처럼 호출해야 한다. 2. 프로토타입 객체를 설정한다. * 프로토타입객체를 반드시 슈퍼클래스의 인스턴스로 만들어 줘야한다. * 프로토타입 객체의 constructor 프로퍼티를 명시적으로 설정해..
[펌] 자바스크립트 정리. 5 - 자바스크립트 클래스,생성자,프로토타입 검색엔진을 뒤지면서 보다가 너무나 깔끔하게 정리된자바스크립트가 있기에 퍼옴. GENERAL 님의 정리 감사합니다. 링크 : http://blog.naver.com/minis24/80094251902 * 자바스크립트는 자바와 같은 실제 클래스를 지원하지는 않는다. (자바스크립트 2.0에서는 지원한다고 합니다.* 대신 자바스크립트는 프로토타입객체와 생성자 함수를 사용하여 모조클래스를 구현할 수 있다. (이하 클래스라 함) * 자바스크립트 생성자 - new 연산자와 함께 사용되도록 설계된 함수를 생성자라고 한다. - 생성자는 새로운 객체를 초기화 하고 객체에 있는 프로퍼티중에서 사용되기전에 미리 값이 할당되어야 하는 프로퍼티들의 초기값을 할당 한다. - 생성자는 객체들의 클래스를 정의한다. - 생성자는 일반적..

반응형