個人でホームページを作成しています。
ワンクリックで複数ページ(サイト)を開けるようにしたいのですが可能でしょうか?
現在は<A href="xxxxxx.htm" target="contents">と記述してフレーム内に開くようにしているのですが、希望としては、
 (1)一つはフレーム内("contents")にて開く。
 (2)もう一つは新しい画面("_blank")にて開く。
…としたいのですが。。。
あまり知識が無いため記述方法か参考のサイトなどを教えて頂けると嬉しいのですが。
宜しくお願いします。

A 回答 (3件)

質問からするとmadmanさんよりもこちらでは?と思い横から補足させて頂きました!



------------------------------------------------------------------

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT type="text/javascript">
<!--
function openURL(){
window.open("http://www.yahoo.co.jp", "contents", "");
window.open("http://www.goo.ne.jp", "_blank", "");
}
//-->
</SCRIPT>
</HEAD>
<BODY>

<A HREF="javascript:openURL();">クリック</A>

</BODY>
</HTML>
-----------------------
若干にてますが、こちらはあるフレーム内の<A>から
フレーム内("contents") と 新しい画面 にページを開きます。
    • good
    • 0

あう、しまった、「フレームに・・・」を読み飛ばしてました。


meke2さんご指摘どうもです。
もしくは、
window.open("http://www.yahoo.co.jp", "contents", "");
の代わりに、
top.contents.document.location.href="http://www.yahoo.co.jp";
でも可能です。
    • good
    • 0

JAVAScriptを利用します。


サンプルを書いてみました。
HEAD内にSCRIPTを記述します。ここでは関数名をopenURL()としていますが、別のお好みの名前に変えてもらって結構です。
document.location.hrefに現在のページに開きたい、URLを=で渡します。
同じページ内であれば、http:・・・は不要で、ファイル名のみでも可能です。
window.opwn()で、ブランクウインドウを開きます。
希望であれば、表示位置、サイズも指定できますが、IE,NSによって異なるため、ここでは記述していません。参考URLなどで調べてみてください。

BODYの<A HREF>で直接JAVAScriptの関数をコールします。

---
<HTML>
<HEAD>
<TITLE>サンプル</TITLE>
<SCRIPT type="text/javascript">
function openURL() {
document.location.href="http://www.yahoo.co.jp";
window.open("http://www.goo.ne.jp", "_blank");
}
</SCRIPT>
</HEAD>
<BODY>
<A HREF="javascript: openURL();">ここをクリック</A>
</BODY>
</HTML>

参考URL:http://tohoho.wakusei.ne.jp/js/window.htm#OpenPage
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

QTARGET=_blankと、

リンクに触れただけで、別ウインドウを開くには、どうしたら良いんでしょうか?
<a TARGET=_blank href=""onMouseOver="location.href='リンク先'"></a>
上は、どこが間違っているのでしょうか?
        

Aベストアンサー

<a href="" onMouseOver="window.open('リンク先')">ccc</a>
とかで良いのでは?

window.openについての詳細は書籍ネット等々で調べてください。

Qtarget="_blank"とは何の意味ですか??

サイトのソースを見ていると、
<a href="URL" target="_blank">
というのをよく見かけます。
このtarget="_blank"というのは知らなかったのですが
どういった効果があるのでしょうか??

Aベストアンサー

新しい窓でURLを開きます

Qtarget="_blank" にしていないのに…

HTMLの記述でtarget="_blank" にしていないのに、
リンク先が別ウインドウ(もしくはタブ)で展開してしまいます。

ひとつのHTMLページで、特定のアンカーに対してだけこの現象が起きます。

たとえば、

<p><a href="aaa.html">aaa</a></p>
<p><a href="bbb.html">bbb</a></p>

<ul>
<li><a href="ccc.html">ccc</a></li>
<li><a href="ddd.html">ddd</a></li>
<li><a href="eee.html">eee</a></li>
</ul>

という記述をしたとして、
aaaおよびbbbに関しては現在開いているウインドウ(タブ)でリンク先を開くのですが、
ccc、ddd、eeeに関しては別タブで開いてしまいます。

主に使っているブラウザはFirfox3.6で
オプションで「別ウインドウではなく別タブで開く」にチェックしています。

IE9で同じ操作をしたらccc、ddd、eeeともに同一ウインドウで開きました(HTML記述通りの挙動)。
また、GoolgleChomeでも試しましたがFirefoxと同じく別タブで開く動作でした。

アンカーをクリックしたときの動作は、
targetを指定しないときはtarget="_self"と同等だと思っていましたが違うのでしょうか?

お詳しい方、ご教授いただければと思います。

HTMLの記述でtarget="_blank" にしていないのに、
リンク先が別ウインドウ(もしくはタブ)で展開してしまいます。

ひとつのHTMLページで、特定のアンカーに対してだけこの現象が起きます。

たとえば、

<p><a href="aaa.html">aaa</a></p>
<p><a href="bbb.html">bbb</a></p>

<ul>
<li><a href="ccc.html">ccc</a></li>
<li><a href="ddd.html">ddd</a></li>
<li><a href="eee.html">eee</a></li>
</ul>

という記述をしたとして、
aaaおよびbbbに関しては現在開いているウインドウ(タブ)でリンク先を開くの...続きを読む

Aベストアンサー

ありえない挙動です。
HTMLの他の部分に原因がありそうです。
★Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
で文法チェックをしてみてください。

 また、特定のリンクを別タブで開くjavascriptがありますので、知らない間にそれを実行している可能性もあります。javascriptを停止して試してみてください。

firefox3.6はあまりに古過ぎます。現在はV10.02です。
また、Tab Mix Plus( https://addons.mozilla.jp/firefox/details/1122 )を併用すると確実に制御できるのではないかと。。

Qtarget=_blank などの時に「お気に入り」を表示しないように・・・

リンクをtarget=_blankなどで開く時にIEの場合に、ブラウザ左側にお気に入りフォルダを見えるように展開していると、当然お気に入りフォルダも表示したままになります。

これを新しいウインドウで表示しないようにできるものでしょうか。IE限定の方法でもけっこうですので教えて下さい。

Aベストアンサー

HTMLだけではできないんじゃないかと思います。
JavaScriptを埋め込むくらいしか方法が思いつきませんでした。
下のように書くのが、自分で試した中では一番かんたんだと思います。
参考にしてください。
-------------------------------------------------------
<html>
<head>
<script language="JavaScript">
<!--
function winopen(URL){
window.open(URL, "_blank");
}
// -->
</script>
</head>

<body>
<a href="javascript:winopen('http://www.goo.ne.jp/')">link</a>
</body>
</html>
-------------------------------------------------------
IE5.5とNN6で確認しました。

Qtarget="_blank"

下記の記述は「test1.html」に飛ぶソースです。
test1.htmlを開く際に「別ウィンドウ」で開きたい為、「target="_blank"」を入れたいのですが、どこに入れれば良いのでしょうか?

<div v:shape="_x0000_s3165" class=O
onclick="parent.location.href='../test1.htm';window.event.cancelBubble=true;"
style='cursor:hand;position:absolute;top:22.89%;left:29.78%;width:7.4%;
height:3.61%'>
<div style='mso-line-spacing:"100 50 0";mso-char-wrap:1;mso-kinsoku-overflow:
1;position:absolute;top:0%;left:0%;width:100.0%;height:100.0%'><span lang=JA
style='font-family:"MS Pゴシック";mso-fareast-font-family:"MS Pゴシック";mso-fareast-hint:
yes;mso-ansi-language:EN-US'>リンク</span><span lang=JA style='font-family:"MS Pゴシック";
mso-fareast-font-family:"MS Pゴシック";mso-ansi-language:EN-US;mso-special-format:
lastCR;display:none'>
</span></div>
</div>

よろしくお願いします。

下記の記述は「test1.html」に飛ぶソースです。
test1.htmlを開く際に「別ウィンドウ」で開きたい為、「target="_blank"」を入れたいのですが、どこに入れれば良いのでしょうか?

<div v:shape="_x0000_s3165" class=O
onclick="parent.location.href='../test1.htm';window.event.cancelBubble=true;"
style='cursor:hand;position:absolute;top:22.89%;left:29.78%;width:7.4%;
height:3.61%'>
<div style='mso-line-spacing:"100 50 0";mso-char-wrap:1;mso-kinsoku-overflow:
1;position:absol...続きを読む

Aベストアンサー

window.open().location.href="../test1.htm";
こうすれば新しいウィンドウを開いて
遷移できるわよ。


このカテゴリの人気Q&Aランキング

おすすめ情報