Question

有人可以帮我这个吗？我有一个父窗口和一个弹出窗口。我希望他们进行沟通，但代码有问题。请告诉我javascript或jquery。我只想让弹出窗口控制父窗口。

我的index.html

<html>
<head>
<script>
function openwindow() { window.open("pop.html","mywindow","menubar=1,resizable=1,width=400,height=400"); }
</script>
</head>
<body>
<a href="href="javascript: openwindow()"" id="will-hide-in-pop">Show pop up!</a>
</body>
</html>

然后在我们点击锚点后，pop会显示。这是弹出的代码与表单：弹出代码：

<html>
<head>
<script>
function clicked(){window.opener.document.getElementById('will-hide-in-pop').style.display="none"; }
</script>
</head>
<body>
<div>
<form action="process.php" method="GET">
<input type="text" name="text" />
<input type="checkbox" name="cbox" />
<input type="submit" name="" onclick="clicked()"/>
</form>
</div>
</body>
</html>

我是否输入了正确的代码？我只想提交表单，父窗口中的锚点也会消失

请帮帮我

Answer 1

尝试在jQuery submit中调用你的函数：

 $(document).ready(function () {
     $('form').submit(function () {
         clicked();             
      });       
 });

Answer 2

在弹出窗口中注意选择器：.getElementById（'will-hide-in-pop'），你使用getElementById，但在索引中，有class =“will-hide-in-pop”。

javascript / jquery - 在弹出窗口第2部分控制的父选项卡中隐藏元素

2 个答案: