免插件、DZ内置JS轻松实现外链访问二次确认对话提示框

admin · 发表于 2023-10-13 07:22:55

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

原生JS轻松实现外链提示对话框，效果如图：
免插件、DZ内置JS轻松实现外链访问二次确认对话提示框西瓜,可可,it618,点微

这是我基于Discuz!内置的showDialog对话框给外部链接加以点击后弹出访问二次确认对话框，以做安全提示及免责效用，这也是当下各大平台都有设置的基本功能。

代码如下：

<script> // 外部链接安全提示 function jumpToExternalLink(link) { const message = '您即将离开本站，请注意网络安全。<p class="wot">即将访问：' + link + '</p>'; showDialog(message, 'confirm', '即将访问外部链接', 'window.open(\'' + link + '\', \'_blank\')', 0, 2, '本域：admxn.com', '确定访问', '取消'); } function forLinks() { // 获取页面中所有的链接元素 const links = document.querySelectorAll('a, [data-href]'); // 遍历每个链接元素，并为其绑定点击事件 links.forEach((link) => { const href = link.getAttribute('href') || link.getAttribute('data-href'); // 判断链接是否为外部链接 if (href && href.startsWith('http') && !href.includes(window.location.host)) { link.addEventListener('click', (event) => { event.preventDefault(); jumpToExternalLink(href); }); link.setAttribute('target', '_blank'); // 在新窗口中打开链接 } }); } forLinks();</script>

复制代码

将以上代码稍作修改后直接拷贝到如通用页脚模板文件footer.htm中即可。
DEMO：https://cn.admxn.com/

©dz插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
如有侵权请邮件与我们联系处理:discuz-x@qq.com（手机随时接收邮件）并出示相关证明以便删除。敬请谅解！

免插件、DZ内置JS轻松实现外链访问二次确认对话提示框

马上注册，免费下载更多dz插件网资源。

相关帖子

回复

More猜你喜欢

关于我们

服务支持

discuzaddons@vip.qq.com