HTMLでbuttonを押してiframeに別のページを表示させたい。

最近HTMLを始めた初心者です。そこでbuttonを押すと同じページのiframe内に、別のページを表示したいのですがうまくできません。簡単な質問で申し訳ないですがどなたかご指導ください。

コード

<!doctype html> <html> <head> <meta charset="utf-8"> <title>index</title> </head> <body bgcolor="#BAFE95"> <button type="button" name="sample" value="Sample" onClick="page-2.html" target="mannaka">Sample</button> <br><br> <iframe src="page-1.html" name="mannaka" width="60%" height="40%" frameborder="1" scrolling="yes"></iframe> </body> </html>

以上

m.ts10806

2018/02/27 00:38

「初心者アイコン」もご活用ください（質問編集画面のタイトル横にあるやつです）質問本文で「初心者」と名乗るより効果的です。

toruhasegawa

2018/02/27 09:58

ご指摘ありがとうございます、今後活用させていただきます。

行動規範の内容に同意します

回答1件

ベストアンサー

html
1<button type="button" name="sample" value="Sample" onClick="window.open('page-2.html','mannaka')">Sample</button>

でいかがでしょうか？

teratailではコードを見やすくするためのしくみ（シンタックスハイライト）があります。
質問中のコード部分を選択し、<code>ボタンを押すことで適用されますので今後ご留意ください。質問は編集することもできます。
https://teratail.com/help/question-tips#questionTips3-5

投稿2018/02/27 00:01

編集2018/02/27 00:02