Heim >Web-Frontend >js-Tutorial >Rufen Sie die JS-Methode der untergeordneten Seite auf der übergeordneten Seite auf
Nachdem ich heute den ganzen Tag daran gearbeitet habe, habe ich endlich online eine Lösung gefunden
Hinweis: Das Problem liegt in der Methode, die untergeordnete Seite auf der übergeordneten Seite aufzurufen. . . . .
Übergeordnete Seite: parent.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>parent</title> <script> function parentFunction() { alert('function in parent'); } function callChild() { child.window.childFunction(); /* child 为iframe的name属性值, 不能为id,因为在FireFox下id不能获取iframe对象 */ } </script> </head> <body> <input type="button" name="call child" value="call child" onclick="callChild()"/> <br/><br/> <iframe name="child" src="./child.html" ></iframe> </body> </html>
Untergeordnete Seite: child.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>child</title> <script> function childFunction() { alert('function in child'); } function callParent() { parent.parentFunction(); } </script> </head> <body> <input type="button" name="call parent" value="call parent" onclick="callParent()"/> </body> </html>
Sie können den entsprechenden Code entsprechend Ihren Anforderungen ändern
Weitere Artikel zur JS-Methode zum Aufrufen untergeordneter Seiten von der übergeordneten Seite finden Sie auf der chinesischen PHP-Website!