自动提交表单后如何关闭Html窗口

时间:2017-07-17 09:58:43

标签: javascript html

我们有两个html页面。首页我们使用window.open("./pop.html", "",'width=200,height=100');

打开第二页

pop.html我们自动提交表单,我们需要在提交后关闭HTML。代码如下。

<html>
<head>
<script type="text/javascript">

function loadForm() {
    var  method = "post"; // Set method to post by default if not specified.
    var path = "http://localhost:8080";
    var form = document.createElement("form");
    form.setAttribute("method", method);
    form.setAttribute("action", path);

    var hiddenField = document.createElement("input");
    hiddenField.setAttribute("type", "hidden");
    hiddenField.setAttribute("name", "username");
    hiddenField.setAttribute("value", "sai");

    var passField = document.createElement("input");
    passField.setAttribute("type", "hidden");
    passField.setAttribute("name", "password");
    passField.setAttribute("value", "sai123");

    form.appendChild(hiddenField);
    form.appendChild(passField);

    document.body.appendChild(form);
    form.submit();

    window.close(); 
}

</script>
</head>

<body onload="loadForm();">
<form>
</form>
</body>
</html>

但是window.close();无法在页面中工作。它缺少什么吗?

3 个答案:

答案 0 :(得分:0)

按窗口名称打开和关闭窗口。例如:

打开窗口:

var my_window = window.open("URL_HERE", "my_window", "height=100,width=100");

关闭窗口:

my_window.close();

或在my_window的内容中:

window.close();

答案 1 :(得分:0)

window close() method应该做你想做的事。

以下是如何使用它的示例:

<a href="#" onclick="close_window();return false;">close</a>

<script>
function close_window(){
    close();
}
</script>

答案 2 :(得分:0)

您可以解决此问题,在关闭第二个窗口的第一个窗口中设置间隔

var secondWindow;
function openWindow(){
    secondWindow=window.open("./pop.html", "",'width=200,height=100');
    setTimeout(function(){
        secondWindow.close();
    },500);
}

您必须找到确切的超时时间