如何使用jQuery重定向Google等页面中的外部链接？

Question

我想对我的网页上的每个外部链接进行重定向，例如Google

当您将鼠标悬停在链接上时，它会显示真实的链接，但当您点击该链接时，它将成为重定向页面。

请帮助!!

感谢。

Answer 1

您只需使用事件监听器来点击链接并更改其href属性。

如果您只想为外部链接执行此操作，则会更复杂一些。此示例重定向以http开头的所有链接：

var redirect = 'http://redirect.foo?url=';
$('a[href^="http"]').on('click', function(e){
    $(this).attr('href',  redirect + $(this).attr('href'));
});

jsFiddle：http://jsfiddle.net/aev4m/1/

但是，请不要将此用于坏事。在我看来，它根本不是用户友好的。

Answer 2

$("a[href]").click(function() { window.location.href = "MyRedirectURL" + $(this).attr("href"); return false;} );

已添加：仅适用于外部链接

$("a[href]").each(function()
{
    if (this.hostname != location.hostname)
        $(this).click(function()
        {
            location.href = "MyRedirectURL" + $(this).attr("href");
            return false;
        });
});