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

简介: 网页的安全性优化是一个越来越被开发者重视的问题,当本站链接点击跳转到第三方外链接时,要弹框提示信息,需要支持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>
目录
相关文章
|
6月前
|
前端开发
前端跳转链接报错403的原因以及解决方案
前端跳转链接报错403的原因以及解决方案
1046 1
|
移动开发 小程序
小程序-uniapp:URL Link / 适用于在移动端 从短信、邮件、微信外网页 等场景打开小程序任意页面
小程序-uniapp:URL Link / 适用于在移动端 从短信、邮件、微信外网页 等场景打开小程序任意页面
515 0
|
6月前
|
JavaScript
uniapp 跳转外部链接
uniapp 跳转外部链接
153 0
|
小程序
微信小程序扫描二维码如何跳转小程序内指定页面并传递参数给目标页面?
微信小程序扫描二维码如何跳转小程序内指定页面并传递参数给目标页面?
微信小程序扫描二维码如何跳转小程序内指定页面并传递参数给目标页面?
|
小程序
微信公众号对话框回复消息链接跳转小程序
微信公众号对话框回复消息链接跳转小程序
127 0
织梦dedecms会员发布文章内容自动过滤外部链接的方法
织梦会员中心发布文章自动过滤外部外部链接,保留本站站内链接。这个织梦默认后台本身带有这样的功能的,只是会员模块里没有而已。
|
JavaScript 小程序
微信小程序伪装页面(定时改变页面内容)
微信小程序伪装页面(定时改变页面内容)
318 0
uniapp-跳转外部链接
uni.navigateTo跳转到我们定义的一个内部页面,内部页面接收需要跳转到外部的URL 一、先建一个内部页面webview.vue
|
小程序 Android开发
(成功最详细版本,自定义传参失败,跳转出现空白页面,校验文件失败)微信小程序扫码跳转小程序指定页面保姆级教程
文档里面虽然说了,但是还是有几个坑的地方,坑等文章最后面再写扫普通链接二维码打开小程序 | 微信开放文档
374 0
(成功最详细版本,自定义传参失败,跳转出现空白页面,校验文件失败)微信小程序扫码跳转小程序指定页面保姆级教程
|
SQL 监控 安全
微信打开网站被提示已停止访问该网页该如何解决
今天早晨发现我们公司网站只要在微信和qq中打开,分别被微信提示:已停止访问该网页,该网站链接以及在qq上被提示危险网站,千万别访问,首先先看下微信中打开网址被微信拦截并提示的图:
1509 0
微信打开网站被提示已停止访问该网页该如何解决