Node.js와 jQuery는 상위 창과 하위 창의 iframe_javascript 기술을 얻습니다.

웹 개발에서는 iframe을 자주 사용하는데, 상위 창에서 iframe의 요소를 사용하거나, iframe에서 상위 창의 요소를 사용해야 하는 것은 불가피합니다.

js

상위 창에서 iframe의 요소 가져오기

1,

형식: window.frames["iframe의 이름 값"].document.getElementByIdx_x("iframe의 컨트롤 ID").click();

예: window.frames["ifm"].document.getElementByIdx_x("btnOk").click();

2,

형식:

var obj=document.getElementByIdx_x("iframe 이름").contentWindow;

var ifmObj=obj.document.getElementByIdx_x("iframe의 컨트롤 ID");

ifmObj.click();

예:

var obj=document.getElementByIdx_x("ifm").contentWindow;

var ifmObj=obj.document.getElementByIdx_x("btnOk");

ifmObj.click();

iframe에서 상위 창의 요소 가져오기

형식: window.parent.document.getElementByIdx_x("상위 창의 요소 ID").click();

예: window.parent.document.getElementByIdx_x("btnOk").click();

jquery

상위 창에서 iframe의 요소 가져오기

1,

형식: $("#iframe's ID").contents().find("#iframe의 컨트롤 ID").click();//jquery 메서드 1

예: $("#ifm").contents().find("#btnOk").click();//jquery 메서드 1

2,

형식: $("#Control ID in iframe",document.frames("프레임 이름").document).click();//jquery 메서드 2

예: $("#btnOk",document.frames("ifm").document).click();//jquery 메서드 2

iframe에서 상위 창의 요소 가져오기

형식: $('#상위 창의 요소 ID', parent.document).click();

예: $('#btnOk', parent.document).click();