我有两个(或更多)链接。例如:http://google.com和http://yahoo.com。
当我单击一个链接时,如何让它们都打开?
例如,标题为“单击此处”的链接在单击时将打开两个不同的空白窗口。
我有两个(或更多)链接。例如:http://google.com和http://yahoo.com。
当我单击一个链接时,如何让它们都打开?
例如,标题为“单击此处”的链接在单击时将打开两个不同的空白窗口。
HTML:
<a href="#" class="yourlink">Click Here</a>
JS:
$('a.yourlink').click(function(e) {
e.preventDefault();
window.open('http://yoururl1.com');
window.open('http://yoururl2.com');
});
window.open
也可以带附加参数。在此处查看它们:http : //www.javascript-coder.com/window-popup/javascript-window-open.phtml
您还应该知道 window.open 有时会被弹出窗口阻止程序和/或广告过滤器阻止。
下面来自 Paul 的补充:这种方法还依赖于启用的 JavaScript。通常不是一个好主意,但有时是必要的。
我以一种简单的方式做到了:
<a href="http://virtual-doctor.net" onclick="window.open('http://runningrss.com');
return true;">multiopen</a>
它将在新窗口中打开runningrss,在同一窗口中打开virtual-doctor。
您可能希望安排您的 HTML,以便即使未启用 JavaScript,用户仍然可以打开所有链接。(我们称之为渐进增强。)如果是这样,这样的事情可能会很好地工作:
<ul class="yourlinks">
<li><a href="http://www.google.com/"></li>
<li><a href="http://www.yahoo.com/"></li>
</ul>
$(function() { // On DOM content ready...
var urls = [];
$('.yourlinks a').each(function() {
urls.push(this.href); // Store the URLs from the links...
});
var multilink = $('<a href="#">Click here</a>'); // Create a new link...
multilink.click(function() {
for (var i in urls) {
window.open(urls[i]); // ...that opens each stored link in its own window when clicked...
}
});
$('.yourlinks').replaceWith(multilink); // ...and replace the original HTML links with the new link.
});
这段代码假设您只想在每页使用一个这样的“多重链接”。(我也没有测试过它,所以它可能充满了错误。)
您可以单击打开多个窗口...试试这个..
<a href="http://--"
onclick=" window.open('http://--','','width=700,height=700');
window.open('http://--','','width=700,height=500'); ..// add more"
>Click Here</a>`