jsp后一个窗口传值给前一个窗口，子父窗口之间的传值

偏执的太偏执、 2022-06-09 03:42 190阅读 0赞

1.新建两个页面 一个是Parent.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<htmlxmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>父窗体</title>  
<script language="JavaScript" type="text/javascript">  
    function OpenWindow() \{  
        window.open(  
                        "son.html",  
                        "newwindow",  
                        "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")  
    \}  
    function setValue(value) \{  
        document.getElementById("txt\_Value").value = value;  
    \}  
</script>  
</head>  
<body>  
    <form id="form1" name="form1" method="post" action="">  
        <label> <input type="text" name="txt\_Value" id="txt\_Value" />  
        </label> <label> <input type="button" name="btn\_ShowClose"  
            id="btn\_ShowClose" value="打开一个窗口" οnclick="OpenWindow();" /> </label>  
    </form>  
</body>  
</html>

另一个是子窗体son.html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<htmlxmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>子窗体</title>  
<script language="javascript" type="text/javascript">  
    function Close() \{  
         var zhi = document.getElementById("mytext").value；  
        window.opener.setValue(zhi);  
        window.close();  
  
    \}  
</script>  
</head>  
<body>  
    <form id="form1" name="form1" method="post" action="">  
           <input type="text" placeholder="请输入值" id="mytext">  
        <label><input type="button" name="btn\_Close" id="btn\_Close"  
            value="确定" οnclick="Close();" /> </label>  
    </form>  
</body>

</html>

演示图片：

![Center][]

![Center 1][]

![Center 2][]

[Center]: /images/20220609/129854ea3bf44a9898b9c24f48d954fa.png
[Center 1]: /images/20220609/83699bec0f674f3db8ea83561d2686f8.png
[Center 2]: /images/20220609/959e4611ac10436fb5cd6e721adc672f.png

jsp后一个窗口传值给前一个窗口，子父窗口之间的传值

发表评论取消回复

还没有评论，来说两句吧...

相关阅读