iframe 안에 있는 객체 접근

http://hyok.kr/blog/dev/98


사용 예
function DS_D_101_save() {
var iframe = jQuery("#tab iframe").get(0).contentWindow;


if(!iframe.DS_D_101_beamDetailSaveAction())
{
return false;
}
iframe.DS_D_101_beamSaveAction();
}

자바스크립트 Object 형을 JSON 형으로 변환

var aaa = Object.toJSON(groupRows) (JSON 형으로(String 형임))

aaa.evalJSON(); // 다시 Object 형으로 변환함.

자바스크립트 맵 객체 만들기


Map = function(){
 this.map = new Object();
};  
Map.prototype = {  
    put : function(key, value){  
        this.map[key] = value;
    },  
    get : function(key){  
        return this.map[key];
    },
    containsKey : function(key){   
     return key in this.map;
    },
    containsValue : function(value){   
     for(var prop in this.map){
      if(this.map[prop] == value) return true;
     }
     return false;
    },
    isEmpty : function(key){   
     return (this.size() == 0);
    },
    clear : function(){  
     for(var prop in this.map){
      delete this.map[prop];
     }
    },
    remove : function(key){   
     delete this.map[key];
    },
    keys : function(){  
        var keys = new Array();  
        for(var prop in this.map){  
            keys.push(prop);
        }  
        return keys;
    },
    values : function(){  
     var values = new Array();  
        for(var prop in this.map){  
         values.push(this.map[prop]);
        }  
        return values;
    },
    size : function(){
      var count = 0;
      for (var prop in this.map) {
        count++;
      }
      return count;
    }
};

자바스크립트 기본 jQuery & javascript

 

dPwp.zip자체적으로 제공하는 특정 작업을 수행하는 내장 함수.

이벤트를 처리하기 위해 사용자가 정의한 사용자 정의 함수를 사용할 수 있음..

무엇이 다른 것일까?? 그것은 객체에 종속되느냐 종속되지 않느냐로 구분될 수 있다.

함수는 객체에 종속적이지 않고 메소드는 종속적이다.


alert("1");

document.write("1");

위의 예와 같이 alert() 함수는 단독으로 사용되는데 비해 write() 메소드는 단독으로 사용되지 않

고, document.write() 와 같이 객체.메소드()의 형태로 사용된다.

 

내가 몰랐던 함수..

특정 문자열을 객체로 변환해서 사용할 때 사용.
단순히 document.myform 이라는 문자열을 eval() 함수를 사용하여 변환하면
eval("document.myform");
document.myform 이라는 객체로 변환시켜 주어서 해당 객체의 하위 요소에 접근할 수 있다.
주로 <input type="submit"> 을 사용해서 폼에 입력한 내용을 처리 페이지로 넘기기 전에 자바스크

립트에서 입력된 내용 중 잘못된 것이 있는가를 체크 하기 위해 사용하는 함수이다.


예제 작성하기..

예제.html 에 있음.

escape 함수와 unescape 함수

escape() 함수는 문자를 인코딩할 때 사용되는 함수. 영문자와 숫자는 그대로 표시된다.
unescape() 는 원래대로 복구.

 

이벤트(Event) 와 이벤트 핸들러(Event Handler)

이벤트 : 마우스 버튼을 누르는 것, Enter 키를 치는 것, 창을 닫는것 등등..
이벤트 핸들러 : 이벤트가 발생했을 때 그것을 처리하는 로직, 함수, 메소드 등등..

 

웹 브라우저의 객체.
1. window 객체.
window 객체는 웹 브라우저의 내장 객체들 중 최상위 객체.
모든 작업들이 이 객체를 통해서 이루어 지고 있다.
document.write()는 원칙적으로 window.document.write() 메소드이다.

window 객체에서 자주 사용하는 속성.
self : 자기 자긴을 가리키는 객체(자신의 window) 자체를 지칭.
opener : 현재의 window가 특정 window로부터 열려진(open된) 것일 경우 현재의 윈도를 연 특정 윈

도를 opener 로 지칭한다.


다음은 window 객체가 제공하는 메소드들 중에서 자주 사용하는 것들이다.
open() : 윈도우 창 염.
close() : 윈도우 창 닫음.
find() : 현재 윈도 안에 포함된 특정 문자열 검색.

자주 사용되는 윈도우 객체의 이벤트
onLoad : 브라우저로 문서가 로드될 때 발생.
onUnload : 브라우저로 로드된 문서가 모두 제거될 때 발생.
onBlur : 현재의 브라우저가 focus 를 잃었을 때 발생.
onFocus : 현재의 브라우저가 focus를 얻었을 때 발생.
onMove : 윈도를 이동했을 때 발생.

document 객체.
document 객체는 웹 브라우저에서 내용이 출력되는 부분을 말함.
html 의 <body></body> 사이에 기술되는 내용이 표시되는 부분이다.

자주 사용되는 메소드
clear() 브라우저에 출력된 내용을 지운다.
getSelection() 현재 선택한 문자열을 얻어낸다.


 


팝업창 open 으로 띄운건 parent객체 불러올때 parent가 아니고 opener가 맞습니다... jQuery & javascript

JSP QnA

궁금이
2005-10-19 10:43:20.0
window.open에 대해서 질문입니다.
Banner.showContentRight();

현재 페이지에서 버튼을 클릭하면 팝업창이 뜹니다.

그리고 팝업창은 여러번의 서블릿을 거쳐서 화면이 바뀌게 되고

마지막 처리가 끝난후에는 다시 부모창에 처리된 결과를 반영하려고 하는데 어떻게 해야 하나요.

팝업창의 마지막 페이지에서 타겟을 부모창쪽으로 주었습니다.

그리고 부모창을 닫을려고 그러는데 잘되질않네요.

아무튼 서블릿을 거쳐서 그런지 팝업창에서 부모창의 함수를 인식할수

없는것같습니다.

무슨 방법없나요.답변 부탁드립니다.

Banner.showContentSection();공짜 가라사대 랙션하라
    Tag
    tag는 게시물의 성격을 나타내는 키워드를 입력하는 공간입니다.
    tag는 로그인 후 사용하실 수 있습니다.
    • 열린 팝업에서의 부모창은 parent로 인식이 가능합니다.

      내용에서 약간 이해가 안되는 부분은
      부모창 -> 팝업 -> 처리 완료후 부모창 닫기 라고 되어 있는데...

      보통은 부모창 -> 팝업 -> 처리 완료후, 부모창에 값넘기고, 팝업 닫기로 사용합니다.
      아마도 글을 잘 못 쓰신거 같기도 하구요....

      일단, 팝업에서의 부모창 접근은 위에서와 같이 parent로 접근이 가능하므로 사용하시면 됩니다. 부모창의 스크립트 함수 또한 parent로 사용이 가능합니다.
    • bluerain
    • 2005-10-19 15:15:53
    • x
    • 팝업을 띠운창은 parent가 아니고...opener 인거같은 생각이...
    • 살포시
    • 2005-10-19 17:27:07
    • x
    • parent가 아니고 opener가 맞습니다...
      그리고 타겟은.. 이름지정으로도 접근이 가능하기 때문에
      이름을 주신다면 굳이 opener를 쓰지 않아도 접근이 가능합니다.

      예를 들어 document.name = "mainTarget";
      하고 새창을 띄워서 타겟으로 target = "mainTarget";
      이런식으로 접근이 가능합니다.
    • ko0814
    • 2005-10-20 17:16:35
    • x

    1 2 3 4 5 6 7 8 9 10 다음