PHP即将离开网站跳转到提示离开页面

落花生 2023-05-16 2 条评论 1611 个足迹 CSS层叠样式,日常记录,PHP语言,知识分享

星环博客

简介

使用全局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}

版权声明:本文为原创文章,版权归 星环博客 所有,转载请注明出处!

本文链接: https://www.xhto.cn/archives/277.html

友情提示:添加友联和友联失效404的请联系博主,并确保自己网站已经添加博主为友联!

2023年05月16日 11:02:58 © 本文允许各作者规范转载

黑色的背后是黎明... + 赞赏博主吧!已经穷的开不起站了~

上一篇 下一篇
奇思幻想
表情
签到
赞一下
踩一下
  • PNG静图表情包
  • GIF动图表情包

评论事项 ( 请使用真实邮箱地址,以便接收评论回复信息 )

 评论 2 条
  1. 2024-10-19 14:38
     

    文章的确不错啊https://www.cscnn.com/

  2. 2024-10-01 20:51
     

    想想你的文章写的特别好https://www.237fa.com/

赞赏作者

支付宝

微信

支付宝红包码

[ 赞赏码 ]

打开对应软件 - 扫码赞赏

赞赏请备注好昵称和邮箱,方便公布排行榜

博客信息

文章数目79 篇
评论数目166 条
运行天数4年116天
友链特数0 条

广而告之

当前文章标签

https://www.xhto.cn/usr/themes/only/x-data/url.php
当前网站已经离线 - 星环博客
星环博客+https://www.xhto.cn/
https://www.xhto.cn/usr/themes/only/x-user/xeq_zfb.jpg
https://www.xhto.cn/usr/themes/only/x-user/xeq_wx.jpg
https://www.xhto.cn/usr/themes/only/x-user/xeq_hbm.jpg

即将离开 星环博客

您即将离开星环博客,请注意您的帐号和财产安全。


继续访问

星环博客 的运行时间:

花有重开日,人无再少年。

站点创建时间:2020-08-17 +  版权归属 星环博客 所有 +  © 2024 Copyright +  备案号: 粤ICP备2023084320号 +  不理白驹过隙,不信生死有命 +  页面加载速度:101ms
https://www.xhto.cn/usr/themes/only/x-img/xloading.gif