web-dev-qa-db-ja.com

iframeでリンクを開く

フレームが含まれているページと、フレームの下にいくつかのリンクがあります。

リンクをクリックすると、フレーム内のページが開きます。

私は試した <a href="" target="nameofframe">link1</a>でもうまくいかなかった？

更新 そのiframe。

htmliframe
42
moomoo

IFrameの名前属性が「myIframe」であると仮定します。

<a href="http://www.google.com" target="myIframe">Link Text</a>

Javascriptを使用してこれを実現することもできます。 iFrameには、表示する場所を指定するsrc属性があります。そのため、リンクのクリックをそのsrc属性の変更にバインドするだけの簡単な問題です。

49
Anthony

これを試して：

<iframe name="iframe1" src="target.html"></iframe>

<a href="link.html" target="iframe1">link</a>

「ターゲット」属性はiframeで開く必要があります。

31
jthompson

属性名を使用します。

ここで解決策を見つけることができます（「リンクのターゲットとしてiframeを使用する」）： http://www.w3schools.com/html/html_iframe.asp

8
Ospite
<a href="YOUR_URL" target="_YOUR_IFRAME_NAME">LINK NAME</a>
4
Alix Axel

リンクのターゲットはiframeの名前と一致するため、リンクはiframeで開きます。これを試して：

<iframe src="http://stackoverflow.com/" name="iframe_a">
<p>Your browser does not support iframes.</p>
</iframe>

<a href="http://www.cnn.com" target="iframe_a">www.cnn.com</a>
2
bob

今朝、プロジェクトでこの問題が発生しました。必ず、headセクションでベースタグを指定してください。

次のようになります。

<head>
<base target="name_of_iframe">
</head>

そうすることで、ページ上のリンクをクリックすると、デフォルトでiframe内にリンクが開きます。

お役に立てば幸いです。

1
john smith

さて、別の方法があります！ハイパーリンクの代わりにボタンを使用できます。したがって、ボタンをクリックすると、「name_of_webpage」で指定されたWebページが「name_of_iframe」という名前のターゲットフレームで開かれます。わたしにはできる！

<form method="post" action="name_of_webpage" target="name_of_iframe">
<input type="submit" value="any_name_you_want" />
</form>
<iframe name="name_of_iframe"></iframe>
1
Karthik Eyan