JavaScript——使用按钮创建并关闭新的窗口页面_js点击按钮发起流程后关闭窗口-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_45852430/article/details/106949452

1. 在html中使用 input 标签创建两个按钮

<input id="open" type="button" value="创建新窗口">
<input id="close" type="button" value="关闭新窗口">

2. 获取 input 对象

var openbtn = document.getElementById("open");
var closebtn = document.getElementById("close");

3. 创建一个newWindow存放新建的窗口对象

var newWindow;

4. 绑定方法

// 绑定方法
openbtn.onclick = function () {
	newWindow = open();
}
closebtn.onclick = function () {
	newWindow.close();
}

完整代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用按钮创建并关闭新的Window窗口</title>
</head>
<body>
<input id="open" type="button" value="创建新窗口">
<input id="close" type="button" value="关闭新窗口">
<script>
    // 获取元素对象
    var openbtn = document.getElementById("open");
    var closebtn = document.getElementById("close");
    // 存放新建窗口
    var newWindow;
    // 绑定方法
    openbtn.onclick = function () {
        // 打开新的窗口,让newWindow指向新建窗口
        newWindow = open();
    }
    closebtn.onclick = function () {
        // 使用newWindow的close方法关闭新建窗口
        newWindow.close();
    }
</script>
</body>
</html>