当前位置: 代码迷 >> JavaScript >> 使用Javascript打开和关闭弹出窗口
  详细解决方案

使用Javascript打开和关闭弹出窗口

热度:57   发布时间:2023-06-07 17:54:22.0

根据我之前的问题( ),我想出了一些办法。

下面是我的代码。 此代码在一个小弹出窗口中打开我的网址。 我想使用 Javascript 关闭打开的弹出窗口。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Auto Play - Video</title>
<script language="javascript" type="text/javascript"> 
function myPopup() {
window.open( "https://mywebsite/test.php", "myWindow","status = 1, height = 30, width = 30, resizable = 0" )
setTimeout(window.close, 10);
}
</script>
</head>
<body onload="myPopup()">
</body>
</html>

我怎样才能做到这一点? 换句话说,我需要在 10 秒后关闭弹出窗口。 任何帮助都会更有帮助。

要在 10 秒后自动关闭它,您需要像这样设置setTimeout

function myPopup() {
    var win = window.open( "https://mywebsite/test.php", "myWindow","status = 1, height = 30, width = 30, resizable = 0" );
    setTimeout( function() {
        win.close();
    }, 10000);
}

你可以试试这个

<script>
    var myWindow;
    function myPopup() {
        myWindow = window.open("http://www.w3schools.com", "myWindows", "status = 1, height = 90, width = 90, resizable = 0")
        setTimeout(wait, 5000);
    }
    function wait() {
        myWindow.close();
    }
</script>

您可能已经注意到,您不能将直接传递给setTimeout 但是,将它包装在一个函数中可以正常工作:

var customWindow = window.open('http://stackoverflow.com', 'customWindowName', 'status=1');
setTimeout(function() {customWindow.close();}, 10000);

改用这个

 function myPopup() {
  var myWindow;
  myWindow=window.open( "https://mywebsite/test.php", "myWindow","status = 1, height = 30, width = 30, resizable = 0" );
  setTimeout(function () { myWindow.close();}, 10000);

}
  相关解决方案