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

时间:2026-02-15 03:33:40

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');

          }

© 2026 海能知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com