我想要的方案:
用户按下一个按钮,此按钮将创建一个警报框,用户按下取消按钮,该操作将关闭浏览器选项卡
的HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My page</title>
<style>
.bootbox-close-button.close{
display: none;
}
.btn-primary{
}
</style>
<!-- CSS dependencies -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
<p>
Content here. <a class="alert" href=#>Alert!</a>
</p>
<!-- JS dependencies -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- bootbox code -->
<script src="js/bootbox.min.js"></script>
<script>
$(document).on("click", ".alert", function(e) {
bootbox.dialog({
message : "I am a custom dialog",
title : "Custom title",
buttons : {
ok : {
label : "OK",
className : "btn-primary"
},
cancel : {
label : "Cancel",
className : "btn-default",
callback : function() {
/*NEED TO HANDLE CLOSE IN THIS PLACE*/
window.parent.close();
}
}
}
});
});
</script>
</body>
</html>
我是这样做的,如果我按关闭它会说:
脚本只能关闭它打开的窗口。
是否可以关闭父窗口?
我很确定您可以使用window.close()
语法关闭一个新打开的窗口,但这只会影响在某些浏览器中由同一脚本打开的窗口(https://developer.mozilla.org/en-US/docs/Web /API/window.close?redirectlocale=zh-CN&redirectslug=DOM%2Fwindow.close)
此外,这可能是此页面的副本:用于关闭浏览器FireFox的JavaScript / jquery / chrome / IE
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句