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

2025-11-29 17:21:24

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

          }

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢