Heim > Artikel > Web-Frontend > JS-Code zum Implementieren der Funktion zur Übertragung von Werten für Eltern-Kind-Fenster

JS-Code zum Implementieren der Funktion zur Übertragung von Werten für Eltern-Kind-Fenster

小云云Original: 2018-02-05 13:12:532338Durchsuche

In diesem Artikel wird hauptsächlich die einfache JS-Implementierung der übergeordneten-Kind-Fensterwertübertragungsfunktion vorgestellt und anhand spezifischer Beispiele die zugehörigen Betriebsfähigkeiten von JavaScript zur Implementierung einer einfachen Wertübertragung zwischen Fenstern ohne Verwendung des Iframe-Frameworks analysiert Ich kann mich darauf beziehen. Ich hoffe, dass es allen helfen kann.

Übergeordnete Fensterseite „Vater.html“

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>父窗口 </TITLE>
<script language="javascript">
<!--
function openChild(){
var childwin = window.showModalDialog("child.html",window,"dialogWidth:335px;status:no;dialogHeight:300px");
if(childwin != null)
document.getElementById("f11").value = childwin;
}
//-->
</script>
</HEAD>
<BODY>
<FONT face="宋体"></FONT>
<br>
传递到父窗口的值:<input id="f9" type="text" value="我是父窗口的值，呵呵" name="txt9"><br><br>
子窗口设置的值:<input id="f10" type="text" name="txt10"><br><br>
子窗口关闭后返回的值:<input id="f11" type="text" name="txt11"><br><br>
<input id="Button1" onclick="openChild()" type="button" value="openChild" name="Button1">
</BODY>
</HTML>

Untergeordnete Fensterseite „Kind.html“

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>弹出页面（子窗口）</TITLE>
</HEAD>
<BODY>
<FONT face="宋体"></FONT>
<br>
父窗口传递来的值:<input id="c0" type="text" name="txt0"><br><br><br>
输入要设置父窗口的值:<input id="c1" type="text" name="txt1"><input id="Button1" onclick="setFather()" type="button" value="不关闭本页面，设置父窗口的值" name="Button1"><br><br><br>
输入返回的值:<input id="c2" type="text" name="txt2"><input id="Button2" onclick="retrunValue()" type="button" value="关闭本页面,并返回值给父窗口" name="Button2">
<script language="javascript">
<!--
var fatherwin=window.dialogArguments;
//获得父窗口传递来的值
if(fatherwin!=null)
{
document.getElementById("c0").value = fatherwin.document.getElementById("f9").value;
}
//设置父窗口的值
function setFather()
{
fatherwin.document.getElementById("f10").value = document.getElementById("c1").value
}
//设置返回到父窗口的值
function retrunValue()
{
var s = document.getElementById("c2").value;
window.returnValue=s;
window.close();
}
//-->
</script>
</BODY>
</HTML>

Verwandte Empfehlungen:

Detaillierte Erläuterung der Javascript-Fähigkeiten zur Übertragung neuer Fenster- und Unterfensterwerte

Das obige ist der detaillierte Inhalt vonJS-Code zum Implementieren der Funktion zur Übertragung von Werten für Eltern-Kind-Fenster. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen 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

Vorheriger Artikel：Beispielcode für die Vue-cli-Methode zum Erstellen einer einzelnen Seite bis hin zu mehreren SeitenNächster Artikel：Beispielcode für die Vue-cli-Methode zum Erstellen einer einzelnen Seite bis hin zu mehreren Seiten

In Verbindung stehende Artikel

Mehr sehen