手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js如何实现浏览器关闭单个Tab页时候

时间:2024-10-14 20:18:17

1、第一种方法:直接使用window.close()直接关闭弹窗

2、第二种方法:通过模态窗口直接关闭弹窗。代码如下<style type="text/css"> .usershowsnback { display: none; background: rgba(33,33,33,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } .usershowsncloth { display: none; background: #fff; width: 80%; height: 400px; border: 1px solid #aaa; position: fixed; left: 50%; margin-left: -400px; top: 30%; margin-top: -150px; } </style> <div class="usershowsnback"> <div class="usershowsncloth" style="height: 570px">要弹窗的内容</div></div>

3、 在js下面写这两行代码。控制隐藏和显示function ShowDialog(isUserPower) { $(".usershowsnback").css('display', 'block'); $(".usershowsncloth").css('display', 'block'); } function CloseDialog() { $(".usershowsnback").css('display', 'none'); $(".usershowsncloth").css('display', 'none'); }

© 手抄报圈