Question

例如，请参阅下面的代码。点击链接必须在新标签中打开http://google.com。在网站demo link中

<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. 来自http://sorgalla.com/projects/download-zip.php?jcarousel的jquery.jcarousel.js

然后制作您自己的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文件，并通过名称标签实现所需的功能。

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

3 个答案: