2017-05-14 7 views
0

同じことに複数のリンクを追加する方法はありますか?HTML5の1つの要素で複数のリンクを使用する方法

私がしたいことは、リンクをクリックして同時に2〜3ページのように開くことです。

<html> 
    <head> 
    </head> 

    <body> 
     <a>History</a> 
    </body> 
</html> 

私はリンクが複数のページを開いて作ることができる方法:

は、私がこれを持っているとしましょうか?

+0

これは本当にスパムのようなものです。なぜあなたはこれをしたいと思いますか?人々は1つの目的地を開くために1つのリンクが必要です。それ以上のことをすると、ユーザーとうまく行かない可能性があります。 – scottohara

答えて

0

これは役立つかもしれない、JSでは

<a href="#" class="yourlink">Click Here</a> 

$('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

0

これはHTMLで厳密に行うことはできません。しかし、これを行うにはjavascriptまたはjqueryを使用することができます。ここに例があります。

<a onclick="runredirect()">Click me!</a> 

は、その後、あなたの体の末尾にスクリプトタグを追加します:トリックを行う必要があります

<script type="text/javascript"> 
    var runredirect = function() { 
     var redirectWindow1 = window.open('http://google.com', '_blank'); 
     redirectWindow1.location; 
     var redirectWindow2 = window.open('http://yahoo.com', '_blank'); 
     redirectWindow2.location; 
     var redirectWindow3 = window.open('http://bing.com', '_blank'); 
     redirectWindow3.location; 
    } 
</script> 

あなたのHTMLタグaは、JavaScriptの機能を起動する必要があります。

0
<a href=”#link1″ onclick=”window.open(‘#link2′); window.open(‘#link3′)”>Page link </a> 

上記のコードを使用すると、3つを追加したので、任意の数のページを追加できます。

+0

これは何もしません – Bowofola

0

HTMLだけでは、1つのhref属性しか使用できません。

Javascriptで実行できます。これらの線に沿って何か:

<script> 
function openLinks(links) { 
    for (let link of links) window.open(link, '_blank'); 
} 
</script> 
<a onclick="openLinks(['https://www.google.com/', 'https://www.amazon.com'])">History</a> 
0

はJavaScriptでwindow.open()メソッドを使用します。

document.getElementById('clickme').addEventListener('click', function(){ 
    window.open('https://www.google.com', '_blank'); 
    window.open('https://www.bing.com', '_blank'); 

}) 

あなたはhere詳細を読むことができます。

関連する問題