javascript - 使用属性值在新选项卡中打开链接

Question

例如看下面的代码。点击链接必须http://google.com在新标签中打开。就像在站点演示链接中一样

<p class="coupon"><a name="http://google.com">link</a></p>

我不知道演示链接是如何实现的。有人可以帮我怎么做吗？谢谢

Answer 1

您可以使用以下 javascript（使用 jQuery）：

$('.coupon a').click(function() {
    window.open($(this).attr("name"));
}); 

这样，链接将在新选项卡或新窗口中打开（取决于用户偏好）。

Answer 2

你可以这样做：

<p class="coupon"><a href="http://google.com" target="_blank">link</a></p>

Javascript 替代品

$(function(){
  $(".coupon a").click(function(){
    window.open($(this).attr('name'), '_blank');
  });
});

Answer 3

您的演示链接通过以下方式实现此目的：

您需要获取以下脚本

1. http://code.jquery.com/jquery-1.9.0.min.js

2. http://doc.qt.digia.com/qdoc/config-scripts-superfish-js.html

3. http://code.google.com/p/jqueryjs/source/browse/trunk/plugins/cookie/jquery.cookie.js?r=6125

4. jquery.jcarousel.js 来自http://sorgalla.com/projects/download-zip.php?jcarousel

然后制作自己的js文件并将其添加到其中

function padd_append_clear() {
    jQuery('.append-clear').append('<div class="clear"></div>');
}

function padd_toggle(classname,value) {
jQuery(classname).focus(function() {
    if (value == jQuery(classname).val()) {
        jQuery(this).val('');
    }
});
jQuery(classname).blur(function() {
    if ('' == jQuery(classname).val()) {
        jQuery(this).val(value);
    }
});
}

function padd_slideshow_init(carousel) {
carousel.clip.hover(function() {
    carousel.stopAuto();
}, function() {
    carousel.startAuto();
});
}

function padd_create_slideshow() {
jQuery('#slideshow > .list').jcarousel({
    auto: 5,
    animation: 1000,
    wrap: 'circular',
    initCallback: padd_slideshow_init
});
}

jQuery(document).ready(function() {
jQuery.noConflict();

jQuery('div#menubar div > ul').superfish({
    autoArrows: false,
    hoverClass: 'hover',
    speed: 500,
    animation: { opacity: 'show', height: 'show' }
});
jQuery('div#menubar div > ul > li:last-child').css({
    'background': 'transparent none',
    'padding-right' : '0'
});

padd_append_clear();
padd_create_slideshow();

jQuery('p.coupon a').click(function() {
    window.open(jQuery(this).attr('name'));
});

jQuery('input#s').val('Find a coupon');
padd_toggle('input#s','Find a coupon');

jQuery('div.search form').click(function () {
    jQuery('input#s').focus();
});

});

现在完成后，您可以在 html 页面中导入这些 js 文件，并通过名称标签实现您想要的功能。