이 기사에서는 JS에서 iframe 크로스 페이지 호출 기능을 구현하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
프로젝트에서는 필연적으로 그러한 문제가 발생합니다. 페이지는 iframe을 소개하고 부모 페이지가 자식 페이지 기능을 호출하거나 자식 페이지가 부모 페이지 기능을 호출해야합니다. 예를 들어 : 이제 두 페이지가 있습니다. 여기서 parent.html에는 iframe이 포함되어 있고 iframe은 child.html을 가리 킵니다. 이제 parent.html/child.html에서 child.html/parent.html의 js 메소드를 호출해야합니다.
특정 코드 구현은 다음과 같습니다.
parent.html 부모 페이지 :
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<script type = "text/javaScript">
함수 parent_click () {
경고 ( "부모 페이지에서");
}
</스크립트>
</head>
<body>
<입력 유형 = "버튼"value = "이 페이지 함수 호출"onclick = "parent_click ();" />
<입력 유형 = "버튼"value = "호출 하위 페이지 함수"onclick = 'window.frames [ "childpage"]. child_click ();' />
<iframe id = "childpage"name = "childpage"src = "inner.html"framborder = "0"> </iframe>
</body>
</html>
child.html 하위 페이지 :
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<script type = "text/javaScript">
기능 child_click () {
경고 ( "서브 페이지 함수 호출");
}
</스크립트>
</head>
<body>
<입력 유형 = "버튼"value = "상위 페이지 함수 호출"onclick = 'parent.window.parent_click ();'; />
<입력 유형 = "버튼"value = "이 페이지 함수 호출"onclick = "child_click ();" />
</body>
</html>
이 기사의 설명이 JavaScript를 기반으로 한 모든 사람의 웹 프로그래밍에 도움이되기를 바랍니다.