Rumah >hujung hadapan web >tutorial js >JS父页面与子页面相互传值方法_javascript技巧

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

WBOYasal: 2016-05-16 16:56:531977semak imbas

一、子页面是父页面通过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>

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：JavaScript利用构造函数和原型的方式模拟C#类的功能_javascript技巧Artikel seterusnya：JSON中双引号的轮回使用过程中一定要小心_javascript技巧

Artikel berkaitan

Lihat lagi