Heim  >  Artikel  >  Web-Frontend  >  Rufen Sie die JS-Methode der untergeordneten Seite auf der übergeordneten Seite auf

Rufen Sie die JS-Methode der untergeordneten Seite auf der übergeordneten Seite auf

高洛峰
高洛峰Original
2016-12-24 16:56:281349Durchsuche

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(&#39;function in parent&#39;);
 }
 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(&#39;function in child&#39;);
 }
 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!


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn