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

admin发表于 2024-10-7 11:06:15

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

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

<script>
// 外部链接安全提示
function jumpToExternalLink(link) {
   const message = '您即将离开本站，请注意网络安全。<p class="wot">即将访问：' + link + '</p>';
   showDialog(message, 'confirm', '即将访问外部链接', 'window.open(\'' + link + '\', \'_blank\')', 0, 2, '本域：bbs.tradecbs.com', '确定访问', '取消');
}

function forLinks() {
// 获取页面中所有的链接元素
const links = document.querySelectorAll('a, ');

// 遍历每个链接元素，并为其绑定点击事件
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>

效果预览：
https://www.baidu.com

页: [1]