本網站外鏈要跳轉到第三方網站外鏈提示信息

當本站鏈接點擊跳轉到第三方外鏈接時，要彈框提示信息

需要支持jquery引用

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

1，使用 onclick

<div class="xxx">
<img src="https://pics5.baidu.com/feed/342ac65c10385343fe64b13d1178687bcb8088f7.jpeg?token=b60d6978649632cfe1324f2707015513&s=D5A225BB4EF2709A4C3C9C6A03001031" alt="百度鏈接" 
onclick="if(confirm('您即將離開本站，訪問的鏈接打開第三方來源網站，可能存在風險，是否繼續？')){window.open('http://www.baidu.com');}return false; "/>
點擊圖片第三方鏈接提示跳轉</div>

 

2，使用 javascript 

<a href="http://www.baidu.com"  class="wl"  target="_blank">
<img src="https://pics5.baidu.com/feed/342ac65c10385343fe64b13d1178687bcb8088f7.jpeg?token=b60d6978649632cfe1324f2707015513&s=D5A225BB4EF2709A4C3C9C6A03001031" alt="百度鏈接" />
點擊圖片第三方鏈接提示跳轉</a>

<script type="text/javascript">
    $(document).ready(function () {
        $("a.wl").click(function(){ 
            if(confirm("您即將離開本站，訪問的鏈接打開第三方來源網站，可能存在風險，是否繼續？")){  
              return true;   
            }  
            return false;  
        }); 
    });
</script>

 

效果：

 

定義和用法

confirm()方法用於顯示一個帶有指定消息和確認及取消按鈕的對話框。

如果訪問者點擊"確定"，此方法返回true，否則返回false。

當點擊確定，跳轉到第三方 百度 的網站，取消留在當前頁面。