blocks|key|1775045|text|HTML：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1775046|<a+href="#"+class="yourlink">Click+Here</a>|code-block|syntax|javascript|1775047|联署材料：|1775048|$('a.yourlink').click(function(e)+{
++++e.preventDefault();
++++window.open('http://yoururl1.com');
++++window.open('http://yoururl2.com');
});|1775049|window.open也可以接受额外的参数。在这里看到他们：http://www.javascript-coder.com/window-popup/javascript-window-open.phtml|offset|length|style|CODE|1775050|您还应该知道，window.open有时会被弹出拦截器和/或广告过滤器阻塞。|1775051|除了下面的Paul+:此方法还对启用的JavaScript设置了依赖项。这不是一个好主意，但有时是必要的。|1775052|entityMap|0|LINK|mutability|MUTABLE|url|http://www.javascript-coder.com/window-popup/javascript-window-open.phtml^0|0|0|0|0|0|B|U|21|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|14|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|16|8|@$M|17|N|18|O|P]]|9|@$M|19|N|1A|1|1B]]|A|$]]|$1|Q|3|R|5|6|7|1C|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1D|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]]]

HTML:

<pre><code>&lt;a href="#" class="yourlink"&gt;Click Here&lt;/a&gt;
</code></pre>

JS:

<pre><code>$('a.yourlink').click(function(e) {
 e.preventDefault();
 window.open('http://yoururl1.com');
 window.open('http://yoururl2.com');
});
</code></pre>

<code>window.open</code> also can take additional parameters. See them here: <a href="http://www.javascript-coder.com/window-popup/javascript-window-open.phtml" rel="noreferrer">http://www.javascript-coder.com/window-popup/javascript-window-open.phtml</a>

You should also know that window.open is sometimes blocked by popup blockers and/or ad-filters.

Addition from Paul below: This approach also places a dependency on JavaScript being enabled. Not typically a good idea, but sometimes necessary.

blocks|key|1775071|text|您可能希望安排您的HTML，以便用户仍然可以打开所有的链接，即使没有启用JavaScript。(我们称之为渐进式增强。)如果是这样的话，这样的事情可能会很好：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1775072|HTML|1775073|<ul+class="yourlinks">
++++<li><a+href="http://www.google.com/"></li>
++++<li><a+href="http://www.yahoo.com/"></li>
</ul>|code-block|syntax|javascript|1775074|jQuery|1775075|$(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.
});|1775076|这段代码假设您只想使用一个“多链接”，比如每个页面。(我也没有测试过它，所以它可能充满了错误。)|1775077|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

You might want to arrange your HTML so that the user can still open all of the links even if JavaScript isn’t enabled. (We call this progressive enhancement.) If so, something like this might work well:

<h3>HTML</h3>

<pre><code>&lt;ul class="yourlinks"&gt;
 &lt;li&gt;&lt;a href="http://www.google.com/"&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="http://www.yahoo.com/"&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<h3>jQuery</h3>

<pre><code>$(function() { // On DOM content ready...
 var urls = [];

 $('.yourlinks a').each(function() {
 urls.push(this.href); // Store the URLs from the links...
 });

 var multilink = $('&lt;a href="#"&gt;Click here&lt;/a&gt;'); // 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.
});
</code></pre>

This code assumes you’ll only want to use one “multilink” like this per page. (I’ve also not tested it, so it’s probably riddled with errors.)

blocks|key|1775099|text|我这么做的方式很简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1775100|<a+href="http://virtual-doctor.net"+onclick="window.open('http://runningrss.com');
return+true;">multiopen</a>|code-block|syntax|javascript|1775101|它将在新窗口中打开朗宁，在同一个窗口中打开虚拟医生。|offset|length|1775102|entityMap|0|LINK|mutability|MUTABLE|url|http://runningrss.com/|1|http://virtual-doctor.net/^0|0|0|9|2|0|L|4|1|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]|$I|10|J|11|1|12]]|A|$]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]|S|$5|N|O|P|A|$Q|T]]]]

I did it in a simple way:
<pre><code>&lt;a href=&quot;http://virtual-doctor.net&quot; onclick=&quot;window.open('http://runningrss.com');
return true;&quot;&gt;multiopen&lt;/a&gt;
</code></pre>
It'll open <a href="http://runningrss.com/" rel="nofollow noreferrer">runningrss</a> in a new window and <a href="http://virtual-doctor.net/" rel="nofollow noreferrer">virtual-doctor</a> in same window.

blocks|key|2971948|text|只需一次单击就可以打开多个窗口.试试这个..。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2971949|<a+href="http://--"+
+++++onclick="+window.open('http://--','','width=700,height=700');+
+++++++++++++++window.open('http://--','','width=700,height=500');+..//+add+more"
+++++++++++++++>Click+Here</a>`|code-block|syntax|javascript|2971950|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can open multiple windows on single click... Try this..

<pre><code>&lt;a href="http://--" 
 onclick=" window.open('http://--','','width=700,height=700'); 
 window.open('http://--','','width=700,height=500'); ..// add more"
 &gt;Click Here&lt;/a&gt;`
</code></pre>

blocks|key|3328847|text|您需要为您的浏览器解锁弹出窗口，并且代码可以工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3328848|chrome://设置/contentExceptions#弹出|blockquote|3328849|​|3328850|📷|atomic|offset|length|3328851|3328852|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/6afcea18c047bb0b6a1308ed859c66d0.png|imageAlt^0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|W|8|@]|9|@]|A|$]]|$1|E|3|F|5|6|7|X|8|@]|9|@]|A|$]]|$1|G|3|H|5|I|7|Y|8|@]|9|@$J|Z|K|10|1|11]]|A|$]]|$1|L|3|F|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T|U|-4]]]]

You need to unblock the pop up windows for your browser and the code could work.

<blockquote>
 chrome://settings/contentExceptions#popups
</blockquote>

<a href="https://i.stack.imgur.com/6qLEq.png" rel="nofollow"><img src="https://i.stack.imgur.com/6qLEq.png" alt="Chrome browser setting"></a>

blocks|key|2972044|text|我在Paul+&Adam的方法之间创建了一个混合的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2972045|打开链接数组的链接已经在html中了。jquery只是创建链接数组，并在单击"open-all“按钮时打开每个链接：|2972046|HTML：|2972047|<ul+class="links">
<li><a+href="http://www.google.com/"></a></li>
<li><a+href="http://www.yahoo.com/"></a></li>
</ul>

<a+id="open-all"+href="#">OPEN+ALL</a>|code-block|syntax|javascript|2972048|JQUERY：|2972049|$(function()+{+//+On+DOM+content+ready...
++++var+hrefs+=+[];

++++$('.links+a').each(function()+{
++++++++hrefs.push(this.href);+//+Store+the+URLs+from+the+links...
++++});

++++$('#open-all').click(function()+{
++++++++for+(var+i+in+hrefs)+{
++++++++++++window.open(hrefs[i]);+//+...that+opens+each+stored+link+in+its+own+window+when+clicked...
++++++++}
++++});
});|2972050|您可以在这里查看：https://jsfiddle.net/daveaseeman/vonob51n/1/|offset|length|2972051|entityMap|0|LINK|mutability|MUTABLE|url|https://jsfiddle.net/daveaseeman/vonob51n/1/^0|0|0|0|0|0|0|9|18|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|13|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|15|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|16|8|@]|9|@$Q|17|R|18|1|19]]|A|$]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

I created a bit of a hybrid approach between Paul &amp; Adam's approach:

The link that opens the array of links is already in the html. The jquery just creates the array of links and opens each one when the "open-all" button is clicked:

HTML:

<pre><code>&lt;ul class="links"&gt;
&lt;li&gt;&lt;a href="http://www.google.com/"&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.yahoo.com/"&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;a id="open-all" href="#"&gt;OPEN ALL&lt;/a&gt;
</code></pre>

JQUERY:

<pre><code>$(function() { // On DOM content ready...
 var hrefs = [];

 $('.links a').each(function() {
 hrefs.push(this.href); // Store the URLs from the links...
 });

 $('#open-all').click(function() {
 for (var i in hrefs) {
 window.open(hrefs[i]); // ...that opens each stored link in its own window when clicked...
 }
 });
});
</code></pre>

You can check it out here:
<a href="https://jsfiddle.net/daveaseeman/vonob51n/1/" rel="nofollow noreferrer">https://jsfiddle.net/daveaseeman/vonob51n/1/</a>

blocks|key|3328912|text|如果您希望通知访问者哪些链接将被打开，您可以使用JS函数从html元素读取链接。您甚至可以让访问者编写/修改链接，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3328913|<script+type="text/javascript">+
++++function+open_all_links()+{
++++++++var+x+=+document.getElementById('my_urls').value.split('\n');
++++++++for+(var+i+=+0;+i+<+x.length;+i%2B%2B)
++++++++++++if+(x[i].indexOf('.')+>+0)
++++++++++++if+(x[i].indexOf('://')+<+0)
++++++++++++++++window.open('http://'+%2B+x[i]);
++++++++++++else
++++++++++++++++window.open(x[i]);
++++}
</script>



<form+method="post"+name="input"+action="">+
++++<textarea+id="my_urls"+rows="4"+placeholder="enter+links+in+each+row..."></textarea>
++++<input+value="open+all+now"+type="button"+onclick="open_all_links();">
</form>|code-block|syntax|javascript|3328914|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you prefer to inform the visitor which links will be opened, you can use a JS function reading links from an html element. You can even let the visitor write/modify the links as seen below:

<pre><code>&lt;script type="text/javascript"&gt; 
 function open_all_links() {
 var x = document.getElementById('my_urls').value.split('\n');
 for (var i = 0; i &lt; x.length; i++)
 if (x[i].indexOf('.') &gt; 0)
 if (x[i].indexOf('://') &lt; 0)
 window.open('http://' + x[i]);
 else
 window.open(x[i]);
 }
&lt;/script&gt;



&lt;form method="post" name="input" action=""&gt; 
 &lt;textarea id="my_urls" rows="4" placeholder="enter links in each row..."&gt;&lt;/textarea&gt;
 &lt;input value="open all now" type="button" onclick="open_all_links();"&gt;
&lt;/form&gt;
</code></pre>

blocks|key|3328972|text|下面是javascript中的一个基本实现--我将它分隔为一个外部文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3328973|3328974|<a+href=""+id="multi-link-opener"+onclick="openMultipleLinks(myLinks)">Click+To+Open+Links</a>|code-block|syntax|javascript|3328975|JS|offset|length|style|BOLD|3328976|var+myLinks+=+[
"https://google.com",
"https://www.w3schools.com/jsref/met_win_open.asp",
"https://developer.mozilla.org/en-US/docs/Web/API/Window/open"
]

function+openMultipleLinks(links)+{
++for+(var+i+=+0;+i+<+links.length;+i+%2B%2B)+{
++++window.open(links[i]);
++}+
}|3328977|请注意，用户必须启用弹出以打开页面。|3328978|在这里，它在行动：https://jsfiddle.net/cuppajoeman/rjavuhcg/|3328979|entityMap|0|LINK|mutability|MUTABLE|url|https://jsfiddle.net/cuppajoeman/rjavuhcg/^0|0|0|0|0|2|0|0|0|9|16|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|12|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|13|8|@]|9|@]|A|$F|G]]|$1|H|3|I|5|6|7|14|8|@$J|15|K|16|L|M]]|9|@]|A|$]]|$1|N|3|O|5|E|7|17|8|@]|9|@]|A|$F|G]]|$1|P|3|Q|5|6|7|18|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|19|8|@]|9|@$J|1A|K|1B|1|1C]]|A|$]]|$1|T|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|U|$V|$5|W|X|Y|A|$Z|10]]]]

Here is a basic implementation in javascript - I separated it into an external file
HTML
<pre><code>&lt;a href=&quot;&quot; id=&quot;multi-link-opener&quot; onclick=&quot;openMultipleLinks(myLinks)&quot;&gt;Click To Open Links&lt;/a&gt;
</code></pre>
JS
<pre><code>var myLinks = [
&quot;https://google.com&quot;,
&quot;https://www.w3schools.com/jsref/met_win_open.asp&quot;,
&quot;https://developer.mozilla.org/en-US/docs/Web/API/Window/open&quot;
]

function openMultipleLinks(links) {
 for (var i = 0; i &lt; links.length; i ++) {
 window.open(links[i]);
 } 
}
</code></pre>
Note that the user will have to enable pop-ups for the pages to open.
Here it is in action: <a href="https://jsfiddle.net/cuppajoeman/rjavuhcg/" rel="nofollow noreferrer">https://jsfiddle.net/cuppajoeman/rjavuhcg/</a>

I have two (or more) links. For example: <a href="http://google.com" rel="noreferrer">http://google.com</a> and <a href="http://yahoo.com" rel="noreferrer">http://yahoo.com</a>.

How can I make them both open when I click on a single link?

For example, a link entitled "click here" which, when clicked, will open two different blank windows.

How to make a link open multiple pages when clicked

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有两个(或更多)链接。例如：和。当我单击一个链接时，如何使它们都打开？例如，一个名为“单击此处”的链接，单击该链接时，将打开两个不同的空白窗口。

问如何使链接在单击时打开多个页面
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使链接在单击时打开多个页面EN