Heim >Backend-Entwicklung >PHP-Tutorial >javascript - 如何实现点击链接 A 弹出窗口 X,点击链接 B 继续在弹出窗口 X (刷新)打开?

javascript - 如何实现点击链接 A 弹出窗口 X,点击链接 B 继续在弹出窗口 X (刷新)打开?

WBOY
WBOYOriginal
2016-06-06 20:28:501672Durchsuche

就是有很多链接,点击链接会弹出窗口,如何实现点击不同的链接,始终在同一弹出窗口中打开,而不是每次都弹出新的窗口。

用下面的代码只能每次都弹出新的窗口。

<code>$('a').click(function(){
    window.open(this.href, "");
    return false;
});</code>

回复内容:

就是有很多链接,点击链接会弹出窗口,如何实现点击不同的链接,始终在同一弹出窗口中打开,而不是每次都弹出新的窗口。

用下面的代码只能每次都弹出新的窗口。

<code>$('a').click(function(){
    window.open(this.href, "");
    return false;
});</code>

<code>var x;
$('a').click(function(){
    if(x){
        x.location.href = this.href;
    } else {
        x = window.open(this.href, '');
    }
    return false;
});</code>

现在就按下F12,执行代码,点链接试试。


2015-9-6 更新:如果弹出的窗口关闭则重新打开

<code>var x;
$('a').click(function() {
    if (!x || x.closed || !x.opener) {
        x = window.open(this.href, '');
    } else {
        x.location.href = this.href;
    }
    return false;
});</code>

为什么用 js ? 这样做很多浏览器会默认阻止。<a></a>默认就是在当前窗口打开
代码:

<code>$('a').click(function(){
    location.href = this.href;  //可以后退到当前页
    // 或者 location.replace(this.href) // 不可以回退到当前页
    return false;
});</code>
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn