jquery 点击按钮A,则window.open打开一个窗口C,点击另外按钮B,监听该窗口C是否已关闭,未关闭则关闭
时间: 2024-12-10 13:33:28 浏览: 16
jQuery是一个功能强大的JavaScript库,用于简化DOM操作、事件处理以及Ajax请求。要在HTML中设置这样的场景,你可以结合`click`事件和`window.open`函数来实现点击按钮的行为。这里是一个简单的示例:
首先,在HTML中定义两个按钮A和B,并添加一个占位元素来监听窗口C的状态:
```html
<button id="buttonA">打开窗口C</button>
<button id="buttonB">检查并关闭窗口C</button>
<div id="windowStatus"></div>
```
然后,使用jQuery编写JavaScript来处理这两个按钮:
```javascript
$(document).ready(function() {
// 点击按钮A时,打开新窗口
$('#buttonA').click(function() {
var windowC = window.open('your_url_here', '_blank'); // 替换为你实际想打开的URL
});
// 监听窗口C的关闭事件
let winCheckInterval;
function checkWindowClose() {
if (typeof windowC !== 'undefined' && !windowC.closed) {
$('#windowStatus').text('窗口C未关闭');
} else {
clearInterval(winCheckInterval);
$('#windowStatus').text('窗口C已关闭');
windowC.close(); // 如果窗口已关闭,我们手动关闭它
}
}
// 设置定时器每秒检查一次窗口状态
winCheckInterval = setInterval(checkWindowClose, 1000);
// 点击按钮B时,停止检查并关闭窗口
$('#buttonB').click(function() {
clearInterval(winCheckInterval);
});
});
```
在这个例子中,当点击按钮A时会打开一个新的浏览器窗口,而按钮B会在页面上显示窗口C的状态,并允许用户关闭它。每次检测到窗口C仍然打开时,会持续更新提示信息直到窗口关闭。
阅读全文