Heim > Artikel > Web-Frontend > Übergeordnete und untergeordnete Iframe-Formulare rufen sich gegenseitig auf (Code im Anhang)

Übergeordnete und untergeordnete Iframe-Formulare rufen sich gegenseitig auf (Code im Anhang)

php中世界最好的语言Original: 2018-04-26 10:37:341710Durchsuche

Dieses Mal werde ich Ihnen den gegenseitigen Aufruf zwischen übergeordneten und untergeordneten Iframe-Formularen vorstellen (mit Code). . Lasst uns einmal einen Blick darauf werfen.

Elternform

<html>
  <head>
    <title>usually function</title>
  </head>
  <body>
    <iframe src="http://www.baidu.com" ></iframe>
    <iframe src="myifame.html" id="name_iframe" name="name_iframe"></iframe>
    <button value="buttonvalue" id="testid">buttonvalue</button>
  </body>
<html>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script>
//contentWindow这个属性，相当于获取iframe网页里面的window对象
$(function(){
  //父窗体获取子窗体的变量
  alert(document.getElementById("name_iframe").contentWindow.vname);//父窗体获取子窗体的方法
  document.getElementById("name_iframe").contentWindow.test();//父窗体获取子窗体的内容
  alert(document.getElementById("name_iframe").contentWindow.document.body.outerHTML);
});
var myname="hb";
function parentFunction(){
  alert("parentFunction");
}
</script>

Kindform

<html>
  <head>
    <title>usually function</title>
  </head>
  <body>
    <button onclick="getParentContent()">getParentContent</button>
  </body>
<html>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script>
var vname="v_name";
function test(){
  alert("function test");
}
function getParentContent(){
  //获取父窗体的变量
  alert(window.parent.myname);
  //获取父窗体的方法
  window.parent.parentFunction();
  //获取父窗体的dom节点
  alert(parent.document.getElementById("testid").value);
}
</script>

Ich glaube, Sie haben die Methode gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben , und mehr Wie aufregend, achten Sie bitte auf andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Wie Iframe übergeordnete Fensterelementereignisse auslöst

JS+jquery-Bibliothek implementiert die Anpassung von Iframe-Höhe und -Breite Anpassen (mit Code)

Das obige ist der detaillierte Inhalt vonÜbergeordnete und untergeordnete Iframe-Formulare rufen sich gegenseitig auf (Code im Anhang). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php jquery JS 事件

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

Vorheriger Artikel：Die JS + JQuery-Bibliothek implementiert die Anpassung der Iframe-Höhe und -Breite (Code im Anhang).Nächster Artikel：Die JS + JQuery-Bibliothek implementiert die Anpassung der Iframe-Höhe und -Breite (Code im Anhang).

In Verbindung stehende Artikel

Mehr sehen