我想在网页上创建一个链接,将关闭浏览器中当前活动的选项卡,而不关闭浏览器中的其他选项卡。当用户单击关闭链接时,将出现一条警告消息,要求用户使用“YES”和“NO”两个按钮确认。如果用户单击“是”,关闭该页面,如果“否”,什么都不做。
怎样才能做到呢?有什么建议吗?
我想在网页上创建一个链接,将关闭浏览器中当前活动的选项卡,而不关闭浏览器中的其他选项卡。当用户单击关闭链接时,将出现一条警告消息,要求用户使用“YES”和“NO”两个按钮确认。如果用户单击“是”,关闭该页面,如果“否”,什么都不做。
怎样才能做到呢?有什么建议吗?
当前回答
window.close()在2k21中不起作用,因为脚本可能只关闭由它们打开的窗口。
但是如果标签在浏览器中不是手动打开的,而是自动打开的,那么window.close()就可以工作了。
自动(当close()工作时):
<a href="/close" target="_blank">浏览器将在新选项卡中打开地址,该选项卡可以用close()关闭 当新的浏览器标签从另一个应用程序打开(当你点击一个链接在Telegram/Whatsup/Outlook等)-操作系统将打开新的标签,它可以关闭close() 当你用window.open('ya.ru')打开时,当然可以用close()关闭它
手动(当它不工作时):
当你打开新的浏览器并输入地址。 当您单击(+)打开新选项卡,并键入地址
其他回答
试试这个
<a href="javascript:window.open('','_self').close();">close</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()只有在通过window.open(…)打开时才会工作。
但我想了个办法!
当没有包含window.open(…)时,添加一个空标签 当关闭的最佳时间出现时,调用window.close 如果2。已经返回一个错误,替换任何标签或HTTP参数与一个空的标签,最后关闭窗口
<button onclick="myFunction()">Close</button>
<script>
if (location.href.indexOf("#") == -1) {
window.open(location.href + "#", "_self")
}
function myFunction() {
try {
window.close()
} catch (err) {
window.open(location.href.substring(0, location.href.indexOf("?")).substring(0, location.href.indexOf("#")) + "#", "_self")
window.close()
}
}
</script>
在这个现场演示中输入关闭
在FF 18和Chrome 24测试成功:
插入头部:
<script>
function closeWindow() {
window.open('','_parent','');
window.close();
}
</script>
HTML:
<a href="javascript:closeWindow();">Close Window</a>
感谢马科斯·j·德雷克。
这是解决这个问题的一种方法,像这样声明一个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>