iframe은 매우 일반적으로 사용되는 html 요소입니다. 상위 페이지에서 하위 페이지를 사용하는 경우 어떻게 작성해야 할까요?
1. 상위 페이지 코드
<html> <head> <meta charset=" gb2312"> <title>父页面</title> <script type="text/javascript"> function parentFunction() { alert('function in parent'); } function callChild() { child.window.childFunction(); /* child 为iframe的name属性值, 不能为id,因为在FireFox下id不能获取iframe对象 */ } </script> </head> <body> <iframe name="child" src="./child.html" ></iframe> </body> </html>
2. iframe의 코드
<html> <head> <meta charset="gb2312"> <title>iframe代码</title> <script type="text/javascript"> function childFunction() { alert('function in child'); } function callParent() { parent.parentFunction(); } </script> </head> <body> </body> </html>
위 두 코드는 상위 페이지와 하위 페이지에서 서로의 기능을 호출할 수 있으며 비교적 간단하므로 자세히 소개하지 않겠습니다.
이 기사가 JavaScript 프로그래밍을 배우는 데 도움이 되기를 바랍니다.