zoukankan      html  css  js  c++  java
  • js窗体间传值

    A页面传值给 B页面
    页面A
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <HEAD>
      <TITLE> page A </TITLE>
      <script language="javascript">
          function newWin() {
              var obj = new Object();
              obj.name = "zhangsan";
              obj.age = "20";
              var str = window.showModalDialog("B.aspx", obj, "dialogWidth=400px;dialogHeight=300px");
              
          }
      </script>
    </HEAD>
    
    <BODY>
      <input type="text" id="mytext">
      <input type="button" value="button" onclick="newWin();">
    </BODY>
    </html>

    页面B

    <html xmlns="http://www.w3.org/1999/xhtml">
    <HEAD>
      <TITLE> Page B </TITLE>
      <script language="javascript">
          function colseWin() {
              var obj = window.dialogArguments;
              alert("您传递的参数为:" + obj.name);
          }
      </script>
    </HEAD>
    
    <BODY>
         <input type="text" id="mytext">
      <input type="button" value="保存并关闭" onclick="colseWin();">
    </BODY>
    </html>

    上面这样,当B页面打开后,点击 “保存并关闭” 按钮,会显示  A页面传递过来的zhangsan



    华丽分割线----------------------------------------------------------------------------------------------------------------------

    子页面B 传值给 父页面A


    主页面:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" >

    <head>

        <title>无标题页</title>

        <script type="text/javascript">

        function OpenWin()

        {

          window.open("father.htm","aa","","");

        }

        </script>

    </head>

    <body>

        <input id="T1" type="text" />

        <input id="Button1" type="button" value="提交" onclick="OpenWin();" />

    </body>

    </html>

     

     

    子页面:

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" >

    <head>

        <title>无标题页</title>

        <script type="text/javascript">

        function ReturnVal()

        {

          window.opener.document.getElementById('T1').value=document.getElementById('Text1').value;

          window.close();

        }

        </script>

    </head>

    <body>

        <input id="Text1" type="text" />

        <input id="Button1" type="button" value="关闭" onclick="ReturnVal();" />

    </body>

    </html>


    PS:以前我记得 通过 showModalDialog和 returnVal 可以实现,但是现在 Chrome是不支持 showModalDialog了。并且window10自带的IE Edge 好像也不支持了。

    那么怎么传递一个var obj=new Object() 对象呢? 希望了解的朋友 告知一下


  • 相关阅读:
    位运算
    (二)给Centos配置网络以及使用xshell远程连接Centos
    (一)安装Linux时的磁盘划分
    (五)多点触控之兼容ViewPager
    (四)双击放大与缩小图片
    (三)多点触控之自由移动缩放后的图片
    (二)弥补图片自由缩放出现的间隙
    (一)自定义ImageView,初步实现多点触控、自由缩放
    (四)实现菜单点击弹出提示框
    (三)实现菜单点击动画
  • 原文地址:https://www.cnblogs.com/hanjun0612/p/9779918.html
Copyright © 2011-2022 走看看