Question

我有一个没有ID的iframe（由第三方生成）。 iframe嵌入在着陆页上。单击iframe上的提交按钮后，我希望关闭窗口或登录页面，因为单击提交按钮时，它将打开一个新选项卡。

function() {
    var iframe = document.getElementByTagName('iframe');
    var sbutton = document.getElementById("form_002b_ao_submit_href");
    iframe.sbutton.onclick = function() {
        window.unload();
    }
};

但它没有被触发。

Answer 1

$('iframe').contents().find('body button').click(function (event) {
    event.preventDefault();
    $('iframe').remove();
});

Answer 2

如果您想在单击提交按钮后关闭主窗口，则可以执行以下操作。

Live Preview

Link to the test page that is loaded in the iframe

<强> HTML

<iframe src="http://s.codepen.io/larryjoelane/debug/dMoqPL"></iframe>

<强>的JavaScript

//select the iframe element without an id
var submitButton = $("iframe").contents().find("#submit_button");

submitButton.on("click", function(event) {


  //if you need to prevent default actions(form submit for example)
  event.preventDefault();

  //close the window
  window.close();

  //debugging only
  //alert("iframe submit button click event fired");

});

iframe按钮上的关闭父窗口点击

2 个答案: