jQuery在新窗口中打开所有超链接

JavaScript代码段可使用jQuery使用CSS自定义超链接，以使其脱颖而出。 也是使用jQuery在新窗口中打开超链接的提示。

在新窗口中打开超链接

//open all hyperlinks in a new window using jQuery
$('a[href^="http://"]')
  .attr("target", "_blank");
  $(this).attr('href', newHref).attr("target", "_blank");

您甚至可以通过一点点链接就可以在超链接中添加图像或文本。 本示例将[^]添加到链接文本的末尾。

自定义样式的外部超链接

//open all hyperlinks in a new window using jQuery
//also append a "^" to every link that is external (contains "http://")
$('a[href^="http://"]')
  .attr({
    target: "_blank", 
    title: "Opens in a new window"
  })
  .append(' [^]');
  

接下来，添加一些jQuery：

$(document).ready(function() {
    $("a[@rel='external']").addClass("external").
       .click(function() { window.open($(this).href); return false; });
});

这将找到所有带有rel =“ external”的锚标记，并在单击它们时打开一个新窗口。 “返回假”； 也可以防止当前页面切换到URL。 另外一个好处是，这些链接使CSS类“外部”，因此可以设置样式，例如：

将背景图像添加到外部超链接

//change background image of external hyperlinks
A.external {
  padding-left: 15px;
  background: url(external-link.png) top left no-repeat;
}

From: https://www.sitepoint.com/jquery-open-hyperlinks-window/