外部リンクを新しい窓で開く方法

2009/04/30 10:47

このQ&Aのポイント

外部リンクを新しい窓で開くための方法を探しています。
ID指定を使用して外部リンクを新しい窓で開く方法を試しましたが、一つのIDしか反映されませんでした。
複数のIDを指定する方法があれば教えてください。

larc-en-ci
お礼率28% (4/14)

JavaScript
回答数5
ありがとう数2

みんなの回答 （5）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

think49
ベストアンサー率59% (285/482)

2009/05/10 22:47 回答No.5

> 記述方法を変えれば、複数IDを指定することが可能なのでしょうか？ getElementByIdは引数を1つしか持てません。目的を考えるとノードの数は変動するのでしょうから、配列とforの組み合わせがマッチしますが…。 var a = [ 'sample1','sample2' ], node=new Array(); for(var i=0,max=a.length; i<a; i++){ node[i] = document.getElementById(a[i]); } しかし、そもそもIDを指定する必要があるのでしょうか？外部リンクのみ適用させたいのなら、href属性値と現ページのホスト名を照合して一致しなければ、 openWin ないし target='_blank' を付与するだけでも動きます。実際、昔そういうスクリプトを作って動作確認までしました。

ログインすると、全ての回答が全文表示されます。

その他の回答 (4)

yyr446
ベストアンサー率65% (870/1330)

2009/04/30 17:09 回答No.4

ID指定は出来ないのでしょうか？ <a href=...>のタグに<a id='sample' href=...>とIDをつけておけば　x[i].id　で取得できる。ご提示のHTML例そのままだと、　x[i].parentNode.id　で<p>タグのIDを取得できる。そのまま直せばこうなる。 function getSrc() { var x = document.getElementsByTagName('a'); for (var i=0; i<x.length; i++) { if(x[i].parentNode.id == 'sample' || x[i].parentNode.id == 'sample2'){ x[i].onclick = function () { return openWin(this.href); } x[i].onkeypress = function () { return openWin(this.href); } } } } function openWin(target) { var win = window.open(target); return false; }

ログインすると、全ての回答が全文表示されます。

yyr446
ベストアンサー率65% (870/1330)

2009/04/30 12:56 回答No.3

(1)var x = document.getElementById('sample','sample2').getElementsByTagName('a'); じゃなくて、 (2)var x = document.getElementsByTagName('a'); です。(1)だとｘにオブジェクトは1つしか入りません。

質問者

補足 2009/04/30 16:16

回答ありがとうございます。私の記述が間違っていたのですね。 (2)の場合、ID指定は出来ないのでしょうか？例えばID1と2にのみ新窓を適用させ、3は除外…というような方法は難しいのでしょうか。

ログインすると、全ての回答が全文表示されます。

lindberg19
ベストアンサー率41% (37/89)

2009/04/30 11:18 回答No.2

JavaScriptのみでということなら・・・一例ですが <html> <head> <script language="JavaScript">  </script> </head> <body> <a href="javascript:OpenWin1()">sample1を別窓で開く</a><br> <a href="javascirpt:OpenWin2()">sample2を別窓で開く</a><br> </body> </html>

質問者

お礼 2009/04/30 16:16

ありがとうございました。やはりHTMLの方にも直接書く必要があるのですね。

ログインすると、全ての回答が全文表示されます。

lindberg19
ベストアンサー率41% (37/89)

2009/04/30 10:56 回答No.1

JavaScriptを使わなくてもa hrefタグでtargetを指定することで別窓で開くことができます。 <p> <a href="sample.html" target="_blank">サンプル1</a> </p> <p> <a href="sample2.html" target="_blank">サンプル2</a> </p>