如何在 onclick 事件前面加上一串文本

Question

我有带有 onclick 事件的 ：

<a href="#" onclick="window.open('TrackPackage.asp', '', 'location=1,menubar=1,scrollbars=1,status=1,resizable=1,width=635,height=460'); return false;" class="nounderline">Track Your Package »</a>

如何在这些 onclick 事件前加上 http://www.example.com 以便结果为

<a href="#" onclick="window.open('http://www.example.com/TrackPackage.asp', '', 'location=1,menubar=1,scrollbars=1,status=1,resizable=1,width=635,height=460'); return false;" class="nounderline">Track Your Package »</a>

：必须与 jQuery 1.4.2 兼容

其他人提到过类似的事情，但我无法让它在 1.4.2 中工作：

var link = $("a"); // I don't have enough info to tell you how to precisely get this instance
var originalOnClick = link.attr("onclick");
var part1 = "window.open('"; // this is always the same, right?
var part2 = originalOnClick.substr(part1.length); // the remainder, beginning with TrackPackage.asp
var newOnClick = part1 + "http://www.example.com/" + part2;

link.attr("onclick", newOnClick);

谢谢。

Answer 1

我认为 window.open() 在这里不是一个好主意。它会被大多数弹出窗口拦截器拦截，如果您使用 jQuery，则无论如何都不应该使用内联 onclick 事件。
您想要做的事情可能可以通过一个简单的锚链接来实现：

<a href="trackPackage.asp" target="_blank"></a>

然后您可以执行以下操作：

var prependUrl = function($link, url) {
    var oldUrl = $link.attr('href'),
        newUrl = url + oldUrl;
    $link.attr('href', newUrl);
}

prependUrl($('#yourLink'), 'http://www.example.com/');

编辑：

如果您无法控制 html 并且需要执行以下操作就像这样，然后在 onClick 属性上使用 replace() ，例如：

$('a').attr('onClick', $('a').attr('onClick').replace('window.open(\'', 'window.open(\'http://example.com/'));

example: http://jsfiddle.net/elclanrs/AH4As/