原创
JavaScript——使用按钮创建并关闭新的窗口页面
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>
显示效果
点击创建按钮后
点击关闭按钮后
JavaScript
JavaScript案例
赞
- 作者：Melonico
- 发表时间：2021-03-15 17:34
- 更新时间：2021-03-15 17:34
评论