javascript弹出页面回传值的方法
编程学习 2021-07-04 21:47www.dzhlxh.cn编程入门
这篇文章主要介绍了javascript弹出页面回传值的方法,实例分析了由a1.html弹出的b1.html回传值的实现方法,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了javascript弹出页面回传值的方法。分享给大家供大家参考。具体实现方法如下：
a1.html
代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Window 1 </TITLE>
</HEAD>
<BODY>
<H1>Window 1</H1>
<INPUT TYPE="text" NAME="a">
<INPUT TYPE="button" ONCLICK="return test();" >
<script>
function test(){
window.open('b1.html','newwindow','height=100,width=400') ;
}
</script>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> Window 1 </TITLE>
</HEAD>
<BODY>
<H1>Window 1</H1>
<INPUT TYPE="text" NAME="a">
<INPUT TYPE="button" ONCLICK="return test();" >
<script>
function test(){
window.open('b1.html','newwindow','height=100,width=400') ;
}
</script>
</BODY>
</HTML>
b1.html
代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<H1>Window 2</H1>
<INPUT TYPE="text" NAME="b" value="11"><INPUT TYPE="submit" ONCLICK="return test();">
<script>
function test(){
var bValue = 111;
window.opener.a.value = bValue ;
window.close();
}
</script>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<H1>Window 2</H1>
<INPUT TYPE="text" NAME="b" value="11"><INPUT TYPE="submit" ONCLICK="return test();">
<script>
function test(){
var bValue = 111;
window.opener.a.value = bValue ;
window.close();
}
</script>
</BODY>
</HTML>
希望本文所述对大家的javascript程序设计有所帮助。