新窗口中的jQuery打开链接,尺寸小(不是标签)

时间:2010-07-13 11:37:54

标签: javascript jquery html

我需要在具有特定尺寸的新窗口(NOT TAB)中打开某些链接。

这将在新标签页中打开一个链接:

$(document).ready(function() {
    $('a[rel|=external]').click(function(){
        window.open(this.href);
        return false;
    });
});

要在新窗口中打开链接需要更改什么。?

编辑:这是我的整个javascript文件:

$(document).ready(function() {
    $('a[rel=external]').click(function(){
        window.open(this.href);
        return false;
    });
    $('a[rel=external-new-window]').click(function(){
        window.open(this.href, "myWindowName", "width=800, height=600");
        return false;
    });
});

HTML:

<a href="/clientarea/utils/law/id/2832" rel="external-new-window" class="accessible-link">§5, odsek 2</a>

5 个答案:

答案 0 :(得分:20)

您可以将尺寸传递给window.open()
已修改已更新的问题:请注意[rel|=已更改为[rel=

$(document).ready(function() {
  $('a[rel|=external]').click(function(){
    window.open(this.href);
    return false;
  });
  $('a[rel=external-new-window]').click(function(){
    window.open(this.href, "myWindowName", "width=800, height=600");
    return false;
  });
});​

You can test it here,与标签不同的尺寸是此处的关键。请注意这一点,它仍然可以在选项卡中打开,有很多浏览器选项,扩展和插件专门用于防止弹出窗口。

此外,从用户的角度来看,太多弹出窗口会鼓励我追捕你,用沙拉叉刺伤你的眼睛和/或弹出一个窗口然后把它扔出去,所以请谨慎使用这个。

答案 1 :(得分:0)

target属性设置为_blank,不要返回false。

$(document).ready(function() {
    $('a[rel|=external]').click(function(){
        $(this).attr('target', '_blank');
    });
});

答案 2 :(得分:0)

使用_blank

例如

window.open(this.href, '_blank');
onClick="window.open('http://www.functionx.com/javascript', '_blank');" >

答案 3 :(得分:0)

window.open()语法:

window.open(URI, window name, parameters);
  • URI:位置为字符串
  • 窗口名称:唯一标识符,只允许使用的字符是[A-Z,a-z,0-9,_]
  • 参数:height, width, left, screenX, screenY等等。

示例:

window.open(this.href, "unicorn", "width=400, height=600, screenX=100");

答案 4 :(得分:-1)

如果ff配置为在选项卡中打开新窗口,则无法打开新窗口,而是打开选项卡。