简介

使用全局javascript代码，使 即将离开网站到别的页面时候跳转到专属的提示离开页面，或者跳转到弹窗页面

功能代码

<script type="text/javascript">
    $("a:not([href*='javascript:'])").click(function(e){
        let leaver_url = "{:getCategory(54, 'url')}";
        // 禁止A默认跳转
        e.preventDefault();
        // 当前页面HOST链接
        if ($(this).attr('href')) {
            var winhref = window.location.host;
            // 获取点击的A标签域名
            var ahref = $(this).attr("href");
            var atarg = $(this).attr("target");
            // 判断是否当前博主的旗下网页
            if (ahref.indexOf("://") != -1) {
                if(ahref.indexOf(winhref) < 0){
                    // 不同
                    if(atarg == "_blank"){
                        window.location.href = leaver_url+"?url="+ahref+"&target=_blank";
                    }else{
                        window.location.href = leaver_url+"?url="+ahref+"&target=_self";
                    }
                }else{
                    if(atarg == "_blank"){
                        window.open(ahref);
                    }else{
                        window.location.href = ahref;
                    }
                }
            }else{
                if(atarg == "_blank"){
                    window.open(ahref);
                }else{
                    window.location.href = ahref;
                }
            }
        }
    })
</script>

页面代码

{block name="banner"}
<style type="text/css">
html,body{background:#F3F4F5;padding:0;margin:0;}
.content{padding-top:220px;width:450px;margin:auto;word-break: break-all;}
.content .logo-img img{display: block;width:275px;height:auto;margin:auto;margin-bottom: 16px;}
.content .loading-item{background:#fff;padding:24px;border-radius: 12px;border: 1px solid #E1E1E1;}
.content .flex{display:flex;align-items:center;}
.content .flex-end{display:flex;justify-content:flex-end;align-items: center;}
.content .loading-activity {display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;color: #4049f0;font-size: 14px;}
.content .tip1{background:#F0F9EA;} 
.content .tip2{background:#FDF5E6;}
.content .tip3{background:#FEF0F0;}
.content .loading-color1{color:#267DCC;}
.content .loading-color2{color:#FC5531;}
.content .loading-tip{padding:12px;margin-bottom:16px;border-radius:4px;}
.content .loading-topic{font-size: 14px;color: #222226;line-height: 24px;margin-bottom:24px;}
.content .loading-img{width:24px;height:24px;}
.content .loading-btn{white-space: nowrap;font-size: 14px;color: #FC5531;border: 1px solid #FC5531;display:inline-block;box-sizing: border-box;padding:6px 18px;border-radius: 18px;margin-left:8px;cursor: pointer;}
.content .loading-btn-github{width:121px;background:#FC5531;color:#fff;}
.content .loading-text{font-size: 16px;font-weight: 600;color: #222226;line-height: 22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.codyUrl{padding: 4px 10px;background: #000;border-radius: 4px;position: fixed;top: 20px;left: 50%;transform: translateX(-50%);color: #fff;font-size: 14px;display: none;}
#adCody{width: 110px;font-size: 14px;color: #CCCCD8;cursor: pointer;}
#adCody:hover{
  text-decoration: underline;
}
@media (max-width: 450px){
  .content{padding-top:120px;width:94%;}
}
#csdn-toolbar{width: 0;height: 0;display: none}
</style>
{/block}


{block name="header"} {/block}


{block name="main"}
<div class="targ content">
    <a class="logo-img">
        <img {:explodeImgTit($getpageinfo['logo'], $SEO['site_title'])} />
    </a>
    <div class="loading-item loading-others">
        <div class="flex loading-tip tip2"> 
            
            <div class="loading-text">{$getpageinfo['remind']}</div>
        </div>
        <div class="loading-topic">
            {php}
                $leave_url = $param['url'] ? $param['url'] : $_SERVER['REQUEST_SCHEME']."://".$_SERVER['HTTP_HOST']."/";
                $leave_target = $param['target'] ? " target='".$param['target']."' " : " target='_self' ";
                $leave = str_replace("[url]",'</span><a class="loading-color2" href="'.$leave_url.'" '.$leave_target.'>'.$leave_url.'</a><span>', $getpageinfo['leave']);
            {/php}
            {$leave|raw}
        </div>
        <div class="flex-end">
            <a class="loading-btn" href="{$leave_url}" {$leave_target}>{$getpageinfo['btn']}</a>
        </div>
    </div>
</div>
{/block}