> 웹 프론트엔드 > JS 튜토리얼 > js의 iframe에서 상위 페이지를 호출하는 방법

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

高洛峰
풀어 주다: 2016-12-24 16:56:38
원래의
1421명이 탐색했습니다.

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

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

을 얻을 수 있습니다. 예를 들어 a() 함수를 호출하면 다음과 같습니다. 다음과 같이 작성되었습니다:

window.parent.a();
로그인 후 복사

그러나 이 메소드는 크롬 브라우저에서 유효하지 않은 것으로 나타났습니다.

//在父页面中调用该函数
<script>
function dey() {
var cards_frame=document.frames("card-iframe");    //card-iframe为iframe的名字       
cards_frame.checkedCard()             //调用iframe中定义的方法,把内嵌页面的值传到父页面
}
</script>
로그인 후 복사

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 프로그래밍 설계에 도움이 되기를 바랍니다.


js의 iframe에서 상위 페이지를 호출하는 방법에 대한 자세한 관련 기사는 PHP 중국어 웹사이트를 참고하세요!


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿