javascript - 确认离开 Wordpress 中的外部链接

Question

情况是这样的:

• 这是一个银行网站，因此当用户点击外部链接(可能指向 Facebook 页面或合作伙伴网站)时，需要有一个框，上面写着“您即将离开此页面，没有此内容由...等管理。”。

• 然后用户应该能够点击“确认”以在新窗口中打开外部链接或点击“取消”返回网站并显示一个框，提示“您已选择不离开地点”。

这个网站是在 Wordpress 中，所以我正在寻找一种简单的方法来处理这个问题，而不必向每个链接添加自定义 Javascript。

他们实际上已经在现有站点上运行了:http://clearmountainbank.com/我可以通过向标题添加 confirm_entry 脚本并向每个链接添加自定义 Javascript 来使其在新站点上运行，但我无法在新窗口中打开链接。

这种方式也很耗时，因为我必须手动编辑每个外部链接。是否有任何简单的方法来识别外部链接并在整个网站中添加此功能？如果没有，我该怎么做才能在新窗口中打开它？

这是我使用的代码:

    <script type="text/javascript">
        <!--
            function confirm_entry(varible_value)
            {
            input_box=confirm("Link Disclaimer:  Bank Name  provides links to web pages which are not part of the Bank Name website or clearmountainbank.com or online.bankname.com domains. These sites are not under Bank Name control, and Clear Mountain Bank is not responsible for the information or links you may find there. Bank Name is providing these links only as a convenience. The presence of these links on any Bank Name website is not intended to imply Bank Name endorsement of that site, but to provide a convenient link to relevant sites which are managed by other organizations, companies, or individuals.");
            if (input_box==true)

            { 
            window.location.href=varible_value; 
            }

            else
            {
            // Output when Cancel is clicked
            alert ("You have opted not to leave Bank's website.");
            }

            }
        -->
    </script>

Answer 1

这是您可以做到的一种方法 (See JSFiddle) :

$("a").on("click", function() {
    if($(this).attr("href").indexOf("http://") == 0) {
        return confirm("Super long message");
    }
});

• 这只适用于 http:// 而不是 https://，它也不会检查绝对链接是否指向您当前的域，但是它让您了解如何处理它。