js_javascript 기술의 iframe에서 상위 페이지를 호출하는 방법

이 글의 예시에서는 js의 iframe에서 상위 페이지를 호출하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

하위 페이지가 상위 페이지를 호출하는 방법은 js에서 쉽게 구현할 수 있습니다. 메인 페이지에 함수를 추가한 다음 하위 페이지에서 window.parent.method()를 사용하면 됩니다

예를 들어 a() 함수를 호출하면 다음과 같이 작성됩니다.

코드 복사 코드는 다음과 같습니다.

window.parent.a();

그런데 크롬 브라우저에서는 이 방법이 유효하지 않은 것으로 나타났습니다

코드 복사코드는 다음과 같습니다.

//상위 페이지에서 이 함수 호출

<스크립트>
함수 dey() {
var Cards_frame=document.frames("card-iframe"); //card-iframe은 iframe의 이름입니다
Cards_frame.checkedCard() //iframe에 정의된 메소드를 호출하여 삽입된 페이지의 값을 상위 페이지에 전달합니다
}

2) iframe에서 상위 페이지에 정의된 메소드를 호출합니다

코드 복사 코드는 다음과 같습니다.

function Alert_window(picurl,h_id)
{
document.parentWindow.parent.msg(picurl,h_id)
}
//msg()는 상위 창에 의해 정의된 함수입니다.

Card-iframe은 iframe 프레임의 ID이고 b()는 하위 페이지 js 함수입니다. contentWindow 속성은 지정된 프레임이나 iframe이 위치한 윈도우 객체로, IE에서는 생략 가능합니다.

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.