我想在网页上创建一个链接,将关闭浏览器中当前活动的选项卡,而不关闭浏览器中的其他选项卡。当用户单击关闭链接时,将出现一条警告消息,要求用户使用“YES”和“NO”两个按钮确认。如果用户单击“是”,关闭该页面,如果“否”,什么都不做。
怎样才能做到呢?有什么建议吗?
我想在网页上创建一个链接,将关闭浏览器中当前活动的选项卡,而不关闭浏览器中的其他选项卡。当用户单击关闭链接时,将出现一条警告消息,要求用户使用“YES”和“NO”两个按钮确认。如果用户单击“是”,关闭该页面,如果“否”,什么都不做。
怎样才能做到呢?有什么建议吗?
当前回答
此方法适用于Chrome和IE:
<a href="blablabla" onclick="setTimeout(function(){var ww = window.open(window.location, '_self'); ww.close(); }, 1000);">
If you click on this the window will be closed after 1000ms
</a>
其他回答
试试这个吧。在三个主要浏览器上都为我工作。
<!-- saved from url=(0014)about:internet -->
<a href="#" onclick="javascript:window.close();opener.window.focus();" >Close Window</a>
可以保证在未来的任何浏览器中都不允许关闭选项卡。使用上面提到的脚本是行不通的。
我的解决方案是使用Chrome扩展。一个Chrome扩展可以要求标签操作权限,所以它将很容易处理任何标签从该扩展的内容脚本是活跃的领域关闭。
下面是背景脚本的样子:
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
console.log(sender)
console.log(message)
if(message.closeThis) {
closeTab(sender.tab.id)
}
});
const closeTab = id => {
console.log("Closing tab");
chrome.tabs.remove(id);
}
内容脚本应该是这样的:
window.addEventListener("message", (event) => {
// Only accept messages from ourselves
if (event.source !== window)
return;
if (event.data.type && (event.data.type === "APPLICATION/CLOSE")) {
console.log("Content script received APPLICATION/CLOSE event");
chrome.runtime.sendMessage({closeThis: true});
}
}, false);
通过在应用程序中调用此命令关闭选项卡(通过在清单中指定,确保内容脚本在您的域中启用):
window.postMessage({ type: "APPLICATION/CLOSE" }, "*");
使用时要谨慎,因为Chrome扩展的部署可能是一个痛苦。
window.close()在2k21中不起作用,因为脚本可能只关闭由它们打开的窗口。
但是如果标签在浏览器中不是手动打开的,而是自动打开的,那么window.close()就可以工作了。
自动(当close()工作时):
<a href="/close" target="_blank">浏览器将在新选项卡中打开地址,该选项卡可以用close()关闭 当新的浏览器标签从另一个应用程序打开(当你点击一个链接在Telegram/Whatsup/Outlook等)-操作系统将打开新的标签,它可以关闭close() 当你用window.open('ya.ru')打开时,当然可以用close()关闭它
手动(当它不工作时):
当你打开新的浏览器并输入地址。 当您单击(+)打开新选项卡,并键入地址
这是解决这个问题的一种方法,像这样声明一个JavaScript函数
<script>
function Exit() {
var x=confirm('Are You sure want to exit:');
if(x) window.close();
}
</script>
在HTML中添加以下行,使用<button>调用函数
<button name='closeIt' onClick="Exit()" >Click to exit </Button>
您将需要Javascript来完成此操作。使用window.close ():
close();
注意:当前选项卡是隐含的。这是等价的:
window.close();
或者您可以指定一个不同的窗口。
So:
function close_window() {
if (confirm("Close Window?")) {
close();
}
}
HTML:
<a href="javascript:close_window();">close</a>
or:
<a href="#" onclick="close_window();return false;">close</a>
这里返回false以防止事件的默认行为。否则浏览器将尝试访问该URL(显然不是这样)。
现在window.confirm()对话框上的选项将是OK和Cancel(不是Yes和No)。如果你真的想要“是”和“否”,你需要创建某种模式Javascript对话框。
注意:与上面的有特定于浏览器的区别。如果你用Javascript打开了这个窗口(通过window.open()),那么你可以用Javascript关闭这个窗口。Firefox不允许关闭其他窗口。我相信IE会要求用户确认。其他浏览器可能有所不同。