Question

我怎样才能做到这一点，每当一个人点击它在新窗口中打开的第一个按钮时，我该如何制作它，以便当用户点击它在同一个标签或窗口中打开的第二个按钮时。我想用jquery实现这一点，据说我不想写任何内联JavaScript，否则如果是这样的话我不会发布问题我知道如何使用内联javascript实现这一点但我想用它来做外部js文件和jquery。

在新窗口中打开

    <button class="button cf-button preview-bt" role="button" type="button" href="#">
                        <span class="button-content"> Preview </span>
                <span class="button-icon"> </span>
    </button>

在同一个窗口中打开

在新窗口中打开

   <button class="button cf-button preview-bt" role="button" type="button" href="#">
                        <span class="button-content"> Preview </span>
                <span class="button-icon"> </span>
    </button>

Answer 1

在新窗口或标签页中打开：

$(".button").click(function(event) {
    event.preventDefault();
    event.stopPropagation();
    window.open(this.href, '_blank');
});

在新弹出窗口中打开：

$(".button").click(function(event) {
    event.preventDefault();
    event.stopPropagation();
    window.open(this.href, '', 'width=100%', 'height=100%');
});

在同一窗口中打开：

$(".button").click(function(event) {
    event.preventDefault();
    event.stopPropagation();
    window.location=this.href;
});

Answer 2

你不需要使用jQuery。相反，您可以使用<head>标记中的内容，例如：

<base target="newWindow" />

jQuery Alternate

$(".button").click(function(event) {
    event.preventDefault();
    event.stopPropagation();
    window.open($(this).attr('href'), 'newWindow');
});

Answer 3

$( '#link' ).click( function( event ) {
    window.open( this.href, '_blank' );
    event.preventDefault();
});

http://jsfiddle.net/mobweb/LPcMp/

jquery按钮在新选项卡和新窗口中关闭

3 个答案:

jQuery Alternate