网址链接跳转外部安全提醒代码

简介: 网页的安全性优化是一个越来越被开发者重视的问题,当本站链接点击跳转到第三方外链接时,要弹框提示信息,需要支持jquery引用 。
<!DOCTYPE html><html><head><metahttp-equiv="Content-Type"content="text/html; charset=UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=Edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>网址链接跳转安全提醒 - bokequ.com</title><linkhref="favicon.ico"rel="shortcut icon"type="image/x-icon"><style>html,body{background:#F3F4F5;font-family: PingFangSC,HiraginoSansGB,Arial,MicrosoftYaHei,Verdana,Roboto,Noto,HelveticaNeue,sans-serif;padding:0;margin:0;}
a{text-decoration:none;}
.urlArea      { padding-top:50px;width:450px;margin:auto;word-break: break-all; }
.urlArea.logoimg  { display: block;margin:auto;margin-bottom: 16px; max-width:350px; }
.urlArea.main    { background:#fff;padding:24px;border-radius: 12px;border: 1pxsolid#E1E1E1; }
.urlArea.flex    { display:flex;align-items:center; }
.urlArea.btn   { display:flex;justify-content:flex-end;align-items: center; }
.urlArea.tip   { background:#e8eefa;padding:12px;margin-bottom:16px;border-radius:4px; }
.urlArea.urlColor  { color:red; }
.urlArea.urlBox  { font-size: 14px;color: #222226;line-height: 24px;margin-bottom:24px; }
.urlArea.ico   { width:24px;height:24px; }
.urlArea.goBtn   { white-space: nowrap;font-size: 14px;background-color: #408ffa;color:#ffffff;border: 1pxsolid#408ffa;display:inline-block;box-sizing: border-box;padding:6px18px;border-radius: 18px;margin-left:8px; }
.urlArea.icoTxt  { font-size: 16px;font-weight: 600;color: #222226;line-height: 22px;margin-left:12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
@media (max-width: 600px){
.urlArea  { padding-top:90px;width:94%; }
      }
</style></head><body><divclass="urlArea"><divclass="logo"><imgsrc="https://thirdqq.qlogo.cn/g?b=qq&nk=2195335317&s=100"alt="博客趣"></div><divclass="main"><divclass="flex tip"><imgclass="ico"src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADWUlEQVRoQ+2YvWsUQRiH33fmOMQiRQor7RQSweB9KAQEg1iYKFaZnJJ/wcTOMhLs7Ez8FwLebikasTGCoJDcHSoYQbHRyiKFhajczCu3SS73sbfzsXNJDnLV3s4y83vm3X12dhAG/IcDnh+OAHpVkITISvg2DYyQjwyVcXGt3o9q960CdZELAWC6ERoRn/CgentgAGimOCVJPmsNzJFfx2DjuW8I7xWg+xMZ9enXRwIaaQ2LgJ/Z2aFzvm8l7wBypjBPpB7FzTQiu8uDypLPKngFIDE+rODPFwIYjgUA2GJw7AyGb7d8QXgFkCK/TEB3ksIh4GMeVucOHQCV8qNKwQcCymgA6ozBGJarmz4gvFWgLvKrAHTNLBS+yITVSbNrk6/yAhCnTV04X1pNDdBLmzoAX1pNDZCkTS2EB62mAtBpUwvgQaupAEy0qYdIp1VnAFNtGgCk0qozgJ02tRjOWnUCoFJxUiqZuLJEgB+AbCWKTmqWAE4mYXDGp7C8sapD7Wy3BjDVJke8iUH1aZS/lL8hFUXHvX6uWrUGMNUmByxiWK1sAxTyUqnoOBHCQatWADbadAJw0KoVgJwpLBEpo5WkC0CjOohsmQeVeV21dtuNAWy16QwAaKVVYwBbbboCbM+s+WrVCMBEm50lTwcAYKpVLYCpNrsALDXa7XezTQAtgKk2Y14wVi+yuIfWZBMgEcBGm6bWsLkODbSaCGCjTZtgNtfqtNoTwFabMffwb0DYWQvBLAEdtwm+5/lkrfYEsNVmazgElIzxcSyvr0dLiVu5opL4joC4C0SSVmMBXLTZBoDwnge1863npMjVCKDtnA1ML612Abhqs70C8JPB6VMYhv+iCgiRVfD1OwGcsAndPim4yUaHxjr3VrsAZCk3RwpS718i4gpjdK8RQil8SESzruGbzwODeV6uLXdM1t7fg9amDjBOq20VOAza1EJ0rFabAGm1qRvYVzt2rFabAHWRa3zjetmv9BU2oZ/VTFibarRHACQuXJZQX9uHgb0NwZFdwaDyKgKQorBAoBa99b4PHSHCAx7UFnYqULikUL0mArYPY6ceInrTA05gWHmz9xCL4kWF6ioAZFOP0NcO8C8jerm746H9HuhrFg+dHwF4mMRUXQx8Bf4DeBHHQHvQneAAAAAASUVORK5CYII="alt="温馨提醒"><divclass="icoTxt">请注意您的账号和财产安全</div></div><divclass="urlBox"><span><divstyle="font-weight:bold;padding-bottom:8px;">即将跳转到外部网站<spanstyle="color:#c8c8c8;font-weight:bold;">,安全性未知,是否继续?</span></div>              您将要访问的链接不属于本网站,请注意您的账号和财产安全。<br/>              前往:<aclass="urlColor">http://www.bokequ.com/</a></span></div><divclass="btn"><labelstyle="color:red;font-size:12px;"><inputtype="checkbox"id="isOk"value="1"/>本人已知晓风险,本人自愿访问,与本网站无关。</label><aid="goBtn"class="goBtn"href="#"target="_self"onclick="return CheckGoUrl()">继续访问</a><scriptlanguage="javascript"type="text/javascript">vargoUrl=decodeURIComponent("http://www.bokequ.com/");
document.getElementById("goBtn").href=goUrl;
functionCheckGoUrl(){
if (document.getElementById("isOk").checked){
document.location.href=goUrl;
returntrue;
              }else{
alert("请先打钩左侧【本人已知晓风险】项!"); // ,再点击【继续访问】returnfalse;
              }
            }
</script></div></div></div></body></html>
目录
相关文章
|
域名解析 CDN
[踩坑记录]免备案使用国内CDN初次尝试
踩坑记录,初次尝试免备案使用国内CDN,当然结局是以失败告终,还受到了“惨痛”的教训,希望大家引以为戒,千万不要学我!!
5196 0
[踩坑记录]免备案使用国内CDN初次尝试
|
监控 数据可视化 关系型数据库
PostgreSQL主备库搭建
pg主备库的搭建,首先需在2个节点安装pg软件,然后依次在2个节点配置主备。 本文采用os为CentOS7.6,pg版本使用14.2,以下为详细部署步骤。
1399 0
|
10月前
|
人工智能 安全 API
这款流行 AI 工具被盗用挖取加密货币,这些隐患你需要知道
Docker 镜像被注入挖矿脚本并不是个别现象,而是一个需要引起重视的安全问题,本文向大家分享下 Higress 防范此类风险的相关经验。
361 90
|
10月前
|
缓存 安全 网络安全
解锁网站速度与安全:CDN 使用指南及免费平台推荐
在互联网时代,网站的速度和安全性至关重要。CDN(内容分发网络)通过全球缓存节点提升访问速度、降低延迟,并提供安全防护。本文详解CDN的作用与适用场景,推荐几款免费CDN平台,如阿里云、鸟盾安全CDN等,助您选择合适的CDN服务,保障网站性能与安全。
1143 94
|
10月前
|
存储 关系型数据库 数据库
华为数据库openGauss与PostgreSQL使用对比
华为openGauss数据库基于PostgreSQL内核演进,进行了多项增强。密码认证从MD5升级为SHA256;字符串存储中,char(n)、varchar(n)的n由字符改为字节,新增nvarchar2(n)表示字符,最大存储100MB;且将空字符&#39;&#39;统一转换为null,提升了数据处理的一致性和安全性。
915 12
|
9月前
|
JSON JavaScript Java
使用JSONObject.getString()时报错:Cannot resolve method ‘getString‘ in ‘JSONObject‘,详解JSONObject三种库的用法
通过以上对比可以发现,虽然这三种库都可以操作 JSON 数据,但它们的功能设计和使用场景各不相同: • org.json.JSONObject 适合基础场景,方法直观易懂。 • org.json.simple.JSONObject 功能最简单,需要更多手动操作。 • cn.hutool.json.JSONObject 适合复杂项目,提供了更强的扩展能力。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
倚天产品介绍|阿里云核心产品—倚天710
阿里云最新产品手册——阿里云核心产品——倚天710自制脑图
倚天产品介绍|阿里云核心产品—倚天710
|
人工智能 IDE 开发工具
给IntelliJ IDEA添加AI功能
这篇文章讲解了如何在IntelliJ IDEA中安装和使用阿里云开发的通义灵码插件,以增强IDE的人工智能辅助编程功能。
4605 0
给IntelliJ IDEA添加AI功能
|
程序员 C++ 开发者
C++命名空间揭秘:一招解决全局冲突,让你的代码模块化战斗值飙升!
【8月更文挑战第22天】在C++中,命名空间是解决命名冲突的关键机制,它帮助开发者组织代码并提升可维护性。本文通过一个图形库开发案例,展示了如何利用命名空间避免圆形和矩形类间的命名冲突。通过定义和实现这些类,并在主函数中使用命名空间创建对象及调用方法,我们不仅解决了冲突问题,还提高了代码的模块化程度和组织结构。这为实际项目开发提供了宝贵的参考经验。
246 2
|
安全
好看的安全跳转单页html源码
好看的安全跳转单页html源码
455 8
好看的安全跳转单页html源码