2013-08-22 72 views
2

我有一个HTML页面,并且有四个链接可以在新窗口中转到不同的页面。强制不同的链接每次都在新的弹出窗口中打开

例如:

链接1,链路2,链接3链路4

而且我想链接1弹出一个新窗口1,链路2至新的窗口2,依此类推......

因此,单击链接2时,窗口1及其链接1的内容将保留。

目前,问题在于四个链接在新窗口1中打开,覆盖来自Link1的第一个当前内容。我想要的是每次单击链接时都有四个独特的窗口。

我不知道是否有一个JavaScript函数来做到这一点,但我现在在这四个链接上的东西只是target =“_ blank”在锚标签上。这发生在IE和Chrome中,我也会在FF和任何其他浏览器中考虑。

在此先感谢您的帮助。

回答

2

target="_blank"将打开新窗口中的每个链接(如果该链接已经打开了也没关系);

如果你想集中打开的窗口中,你可以使用模态窗口(即不是选项卡)如下:

HTML:

<a href="http://google.com">link 1</a><br/> 
<a href="http://yahoo.com">link 2</a><br/> 
<a href="http://bing.com">link 3</a><br/> 
<a href="http://mamma.com">link 4</a> 

JS:

$(document).ready(function() { 
    $('a').click(function(e) { 
     var id = $(this).data("windowid"); 
     if(id == null || id.closed) { 
      id = window.open($(this).attr("href"), '_blank', 'modal=yes'); 
     } 
     id.focus(); 
     $(this).data("windowid", id); 
     e.preventDefault(); 
     return false; 
    }); 
}); 

http://jsfiddle.net/JeQyE/2/

0

使用window.open javascript函数如波纹管,

window.open("your link") 
2
尝试

var links = document.getElementByTagName("a"); 
for (var i = 0; i < links.length; i++) { 
    var link = links[i]; 
    link.addEventListener(function() { 
     window.open(this.href); 
    }); 
} 
相关问题