<!DOCTYPE html> <html> <head> <title>父页面</title> <meta charset="UTF-8"> </head> <body> <script type="text/javascript"> function add() { alert('父页面的方法!'); } </script> <div></div> <iframe src="child.html"></iframe> </body> </html>
<!DOCTYPE html> <html> <head> <title>子页面</title> <meta charset="UTF-8"> <script type="text/javascript" src=""></script> <script type="text/javascript"> /*子页面调用父页面的方法*/ parent.add(); </script> </head> </html>