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

简介: 网页的安全性优化是一个越来越被开发者重视的问题,当本站链接点击跳转到第三方外链接时,要弹框提示信息,需要支持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,当然结局是以失败告终,还受到了“惨痛”的教训,希望大家引以为戒,千万不要学我!!
6059 154
[踩坑记录]免备案使用国内CDN初次尝试
|
缓存 前端开发 应用服务中间件
聊聊 HTTP 性能优化
聊聊 HTTP 性能优化
|
Android开发
autojs之保活
autojs打包的app经常在后台被杀,请做到以下几点来保活: autojs版本号
2890 0
autojs之保活
|
网络协议 算法 Java
|
2月前
|
人工智能 JavaScript Linux
OpenClaw从部署到上手实战指南:阿里云+本地部署、百炼API配置、首次任务实操全攻略
2026年,OpenClaw(Clawdbot)作为开源AI生产力工具的代表,凭借跨平台部署、灵活的任务执行能力,成为普通人提升效率、落地AI应用的核心工具。很多用户历经波折完成安装、解决报错、成功启动系统后,却会对着界面陷入迷茫——不知道下一步该做什么。其实问题的核心从不是“不会用”,而是“没有给工具一个明确的任务”。OpenClaw的价值从不是简单的问答,而是帮你完整完成一件事,而装好后的第一件事,从来不是啃文档、研究配置,而是立刻让它完成一个简单的小任务。
790 1
|
3月前
|
SQL 人工智能 自然语言处理
大模型应用:大模型与智能体(Agent)的核心差异:从定义到实践全解析.34
本文深入解析大模型(LLM)与智能体(AI Agent)的本质区别:大模型是“智能大脑”,专注语言理解与生成,被动响应、无记忆、无工具调用;智能体是“闭环系统”,以大模型为核心,集成规划、记忆、工具调用与反思能力,可主动执行复杂现实任务。通过概念、流程、实例多维对比,厘清二者在技术定位、能力边界与应用场景上的根本差异。
7219 165
|
人工智能 安全 API
这款流行 AI 工具被盗用挖取加密货币,这些隐患你需要知道
Docker 镜像被注入挖矿脚本并不是个别现象,而是一个需要引起重视的安全问题,本文向大家分享下 Higress 防范此类风险的相关经验。
593 103
|
存储 算法 C语言
【C++入门到精通】C++入门 —— priority_queue(STL)优先队列
本文介绍了C++的STL组件`std::priority_queue`,它是一个容器适配器,实现优先队列数据结构,通常基于堆实现。文章讨论了优先队列的基本概念、特点和底层堆结构,强调了其自动排序和优先级最高元素的访问。还展示了如何定义、插入、访问和移除元素,以及自定义比较函数。此外,提供了模拟实现`priority_queue`的代码示例,探讨了仿函数的作用,包括默认的`std::less`和自定义比较函数。文章鼓励读者进一步探索C++的优先队列及其应用。
517 3
倚天产品介绍|阿里云核心产品—倚天710
阿里云最新产品手册——阿里云核心产品——倚天710自制脑图
倚天产品介绍|阿里云核心产品—倚天710
|
Ubuntu Linux Docker
Ubuntu22.04上Docker的安装
通过以上详细的安装步骤和命令,您可以在Ubuntu 22.04系统上顺利安装
11882 12