Javascript 如何将值从子页面发送到父页面_Javascript_Jquery

Javascript 如何将值从子页面发送到父页面

javascript jquery

Javascript 如何将值从子页面发送到父页面,javascript,jquery,Javascript,Jquery,我有一个名为parent.html的页面。从那里我调用一个模态对话框child.html。我在child.html中有一个链接按钮来关闭模式对话框。同时，我想将值从child.html传递到parent.html 如何将值从子页面发送到父页面？如果子页面（child.html）与父页面位于同一域中，则可以从child.html调用父窗口的函数在子页面（child.html）中：在父页面（parent.html）中：函数调用FromChildPage（a_值）{ 警报（“子窗口中的值

我有一个名为

parent.html

的页面。从那里我调用一个模态对话框

child.html

。我在

child.html

中有一个链接按钮来关闭模式对话框。同时，我想将值从

child.html

传递到

parent.html

如何将值从子页面发送到父页面？

如果子页面（child.html）与父页面位于同一域中，则可以从child.html调用父窗口的函数

在子页面（child.html）中：

在父页面（parent.html）中：


函数调用FromChildPage（a_值）{
警报（“子窗口中的值为：”+A_值）；/“ABC”
}

而且，如果可以在子页面（child.html）中使用jQuery，则可以设置　父页面的元素直接如下所示：

<a href="..." onclick="$('#test', window.parent.document).html('ABC');">Button Title</a>

基本上在父页面中定义一个javascript函数，然后在子页面中使用

opener

调用该函数即可

用于引用打开文档的窗口对象

子HTML：

<html>
  <head>
    <script type="text/javascript">
      $('a#child-link').click(function(e){
          e.preventDefault();
          var tmp = $('input#child-input').value();
          window.opener.getChildVar(tmp);
      });
    </script>
  </head>
  <body>
    <input type="text" name="child-text" id="child-input" value="test text" />
    <a href="#" id="child-link">link</a>
  </body>
</html>


$（'a#子链接'）。单击（函数（e）{
e、 预防默认值（）；
var tmp=$（'input#child input'）.value（）；
window.opener.getChildVar（tmp）；
});

父HTML：

<html>
  <head>
    <script type="text/javascript">
      function getChildVar(val) {
        var received_val = val;
      }
    </script>
  </head>
</html>


函数getChildVar（val）{
收到的var_val=val；
}

看看这个：“window.parent”对象是官方支持的文档对象模型（DOM）。请看这里：和这里：请注意parent.html和child.html需要存在于同一个域中。如果不是，则访问被视为一种跨站点脚本。

<html>
  <head>
    <script type="text/javascript">
      $('a#child-link').click(function(e){
          e.preventDefault();
          var tmp = $('input#child-input').value();
          window.opener.getChildVar(tmp);
      });
    </script>
  </head>
  <body>
    <input type="text" name="child-text" id="child-input" value="test text" />
    <a href="#" id="child-link">link</a>
  </body>
</html>

<html>
  <head>
    <script type="text/javascript">
      function getChildVar(val) {
        var received_val = val;
      }
    </script>
  </head>
</html>