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/