Heim > Web-Frontend > js-Tutorial > JS父页面与子页面相互传值方法_javascript技巧

JS父页面与子页面相互传值方法_javascript技巧

WBOY
Freigeben: 2016-05-16 16:56:53
Original
1975 Leute haben es durchsucht

一、子页面是父页面通过window.open弹出的情况
子页面要向父页面传值,只要在document前面加window.opener即可。
如:
1.父页面代码:




无标题文档title><br>head><br><script language="javascript"><BR>function tanchu()<BR>{<BR> window.open("Untitled-5.html"); <BR>}<BR>script><BR><body><BR> <form id="form1" name="form1" method="post" action=""><BR> <label> <input type="submit" name="button" id="button" value="提交"<BR> onclick="tanchu()" /><BR> label> <label> <input type="text" name="textfield" id="textfield" /><BR> label><BR> form><BR><BR><BR>2.子页面代码: <P><html xmlns="http://www.w3.org/1999/xhtml"><BR><head><BR><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><BR><title>无标题文档title><BR>head><BR><script language="javascript"><BR>function aaa()<BR>{<BR> window.opener.document.getElementByIdx('textfield').value='123123123';<BR>}<BR>script><BR><body><BR> <form id="form1" name="form1" method="post" action=""><BR> <label> <input type="submit" name="button" id="button" value="提交"<BR> onclick="aaa()" /><BR> label><BR> form><BR></script>
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage